요약

엔진 정보

엔진 정보
엔진 버전	5.0_5.5169A.20240319.114234
릴리즈 날짜	2024년 3월 19일
검증 대상 엔진	5.0_5.5128A.20240108.162405 (5.0_5.5126B.20240108.155329)
비고	RC 기준 2023 - Week 34 (5.0_5.4990B.20230822.142700) ~ 2024 - Week 03 (5.0_5.5131B.20240117.164015) 사이의 변경 내역 반영

기능 개선

변경 내역 요약
컴포넌트	항목
*server.config.xml*	항목 추가 (W-Pack / WESE-630)
*server.config.xml*	변경 (wpack – destRoot & wpack – babelDestRoot / WESE-624)
*client.config.xml*	항목 추가 (MSA 지원 / WESE-678)
	항목 추가 (서브미션에 charset 추가 / WESE-699)
	항목 추가 (WFrame의 자식은 반환에서 제외 / WESE-711)
엔진	기능 (컴포넌트 추가 / WESE-713)
	기능 ($p 인자 전달 / WESF-19)
	기능 (개별 페이지에서 JS 로딩/ WESF-18)
	변경 (웹 취약점 개선 / WESE-503)
	변경 (웹 취약점 개선 / WESD-1575)
	변경 (setToolTip() / WESE-575)
DataList	개선 (removeRow() / WESE-633)
DataList	변경 (getAllFilteredJSON() / WESE-672)
`$p`	기능 (MSA 지원 / WESE-679)
`WebSquare.date`	기능 (유효하지 않은 날짜에 대한 표시 / WESE-631)
`WebSquare.util`	기능 (WFrame의 자식은 반환에서 제외 / WESE-711)
Anchor	기능 (컴포넌트의 레이블 지정 / WESE-572)
AutoComplete	기능 (항목에 대한 툴팁 표시 / WESE-621)
	변경 (setDisableEdit() / WESE-671)
	변경 (선택 목록 상의 keydown 이벤트 / WESD-1572)
	변경 (다국어 지원 / WESE-644)
	변경 (oneditenter / WESE-550)
Calendar	기능 (날짜 활성화 및 비활성화 / NA)
CheckComboBox	기능 (입력 값 편집 / WESD-1534)
Editor	기능 (개행 문자 반환 / WESD-1519)
	변경 (버전 / N/A)
	변경 (버전 / WESD-1484)
FloatingLayer	기능 (닫기 버튼 사용 / WESE-657)
FloatingLayer	기능 (다국어 지원 / WESE-638)
FusionChart	기능 (Series 구성이 다른 유형의 차트로 변경 / WESE-545)
FusionChart	변경 (chartType / WESE-564)
GridView	기능 (동일 GridView 내에서만 드래그-앤-드롭 / WESD-1566)
	기능 (Shift 키 사용 여부 확인 / WESE-660)
	기능 (데이터 없음 표시 / WESE-674)
	기능 (번호 컬럼에 마우스-오버 색상 적용/ WESE-719)
	기능 (CSV 파일 업로드 시 좌우 공백 제거 / WESE-730)
	기능 (CSV 파일 다운로드 시 좌우 공백 제거 / WESE-730)
	기능 (readOnly 속성 설정을 초기화 / WESE-710)
	기능 (틀 고정 시 컬럼 경계선 표시 / WESD-1478)
	기능 (그룹핑 유지 / WESD-1504)
	기능 (inputType="radio" 컬럼의 label 구분자 지정 / WESE-612)
	기능 (렌더링 옵션 추가 / WESE-556)
	기능 (현재 GridView 상태 확인 / WESE-530)
	기능 (지정한 상태로 GridView 다시 그리기 / WESE-531)
	변경 (fixedColumn / WESE-697)
	변경 (rowCopy="true" / WESD-1450)
	변경 (setCellInputType() / WESD-1488)
	변경 (advancedExcelDownload() / WESE-567)
`gridView.column`	기능 (inputType="calendar" 컬럼의 날짜 선택 방법 지정 / WESE-574)
	개선 (inputType="custom" / WESE-633)
	변경 (disableDateValidSet / WESE-732)
	변경 (inputType="drilldown" / WESE-701)
	변경 (typeGetter / WESD-1488)
IFrame	변경 (보안 취약점 개선 / WESE-738)
InputBox	기능 (문자열의 맨 앞으로 포커스 이동 받기 / WESE-642)
	변경 (preventCopyPaste="true" / WESD-1499)
	변경 (다국어 지원 / WESE-644)
	변경 (autoFocus / WESE-616)
	변경 (oneditenter / WESE-550)
InputCalendar	기능 (날짜 활성화 및 비활성화 / NA)
	기능 (월 선택 방지 / WESE-654)
	기능 (문자열의 맨 앞으로 포커스 이동 받기 / WESE-642)
	기능 (날짜 선택 초기화 버튼 / WESE-592)
	변경 (다국어 지원 / WESE-644)
	변경 (웹 접근성 지원 / WESE-620)
	변경 (resetButtonShow="true" / WESE-611)
	변경 (maxYear / WESD-839)
	변경 (cancelButtonShow / WESD-1476)
	변경 (skipConfirm / WESD-1476)
	변경 (skipConfirmOnly / WESD-1476)
Multiupload	기능 (MSA 지원 / WESE-690)
SelectBox	기능 (Tab 키를 통한 항목 선택 / WESD-917)
SelectBox	변경 (선택 목록 상의 keydown 이벤트 / WESD-1572)
Spinner	변경 (oneditenter / WESE-550)
Submission	기능 (단일 객체 반환 / N/A)
TabControl	변경 (deletleTab() / WESE-627)
TabControl	변경 (addTab() / WESE-586)
TextArea	변경 (다국어 지원 / WESE-644)
TextArea	변경 (oneditenter / WESE-550)
TreeView	기능 (노드 추가 시 UI 갱신 여부 선택 / NA)
TreeView	변경 (showTreeDepth / NA)
Upload	기능 (MSA 지원 / WESE-691)
WFrame	기능 (UDCFrame/ WESF-14)
WidgetContainer	기능 (MSA 지원 / WESE-689)
WindowContainer	기능 (헤더에 사용자 정의 버튼 추가 / WESE-743)
WindowContainer	기능 (윈도우 분리 효과 추가 / WESE-659)

추가 설정 항목

추가 설정 항목 목록
설정 파일	항목	추적 ID
*server.config.xml*	wpack – destRoot & wpack – babelDestRoot	WESE-630
*client.config.xml*	msaCommon	WESE-678
	submission – requestHeaderCharset	WESE-699
	util – excludeInnerComp & excludeContainerComp	WESE-711

추가 API

추가 API 목록
컴포넌트	항목	추적 ID	비고
`$p`	js(scriptUrl, callback, msaName)	WESE-679
`WebSquare.date`	isValidDate() – options.useAlert & options.resultType	WESE-631
`WebSquare.util`	getChildren() – options.excludeContainerComp	WESE-711
Anchor	label	WESE-572
AutoComplete	itemTooltipDisplay	WESE-621
AutoComplete	itemTooltipFormatter	WESE-621
Calendar	setDisableDate()	NA
	setEnableDate()	NA
	setDisableBeforeDate()	NA
	setDisableAfterDate()	NA
CheckComboBox	checkTarget	WESD-1534
Editor	getInnerText()	WESD-1519
FloatingLayer	useCloseButton	WESE-657
	setUseCloseButton()	WESE-657
	useLocale	WESE-638
	localeRef	WESE-638
FusionChart	changeType() – chartColumnRef	WESE-1545
GridView	dataDragDropSelf	WESD-1566
	useShiftKeyCheck	WESE-660
	useNoResultMessageURL	WESE-674
	noResultMessageURL	WESE-674
	rowNumRowMouseOverColor	WESE-719
	readCSV() – options.trim	WESE-730
	saveCSV() – options.trim	WESE-730
	setReadOnly(type , rowIndex , colIndex , readOnlyFlag, clear)	WESE-710
	fixedColumnLineDiv	WESD-1478
	advancedExcelDownload() – options.groupby	WESD-1504
	radioLabelDelimiter	WESE-612
	drawType="hybrid"	WESE-556
	getCurrentGridStyle()	WESE-530
	setGridStyle()	WESE-531
`gridView.column`	pickerType	WESE-574
`gridView.column`	fixPickerStatus	WESE-574
InputBox	nextTabFocusPosition	WESE-642	비공개.
InputCalendar	setDisableDate()	NA
	setEnableDate()	NA
	setDisableBeforeDate()	NA
	setDisableAfterDate()	NA
	disableMonth	WESE-654
	disableBeforeMonth	WESE-654
	disableAfterMonth	WESE-654
	nextTabFocusPosition	WESE-642	비공개.
	resetButtonShow	WESE-592
MultiUpload	changeAction()	WESE-690
MultiUpload	msaName	WESE-690
SelectBox	selectByTabKey	WESE-917
Submission	singleMode	NA
TreeView	expandNode(value, hierarchy, noRefresh)	NA
Upload	changeFormAction()	WESE-691
	getActionUrl() – options.msa	WESE-691
	setActionUrl()	WESE-691	비공개.
	msaName	WESE-691
WindowContainer	createWindow() – options.buttonInfo	WESE-743	비공개.
	onwindowsplit	WESE-659
	useWindowSplit	WESE-659

server.config.xml

항목 추가 (W-Pack / WESE-630)

`wpack` – `destRoot` & `wpack` – `babelDestRoot`

설명	W-Pack으로 빌드한 JS 파일의 `destRoot` 및 `babelDestRoot` 항목을 공백으로 설정하여 W-Pack으로 빌드한 JS 파일을 XML 파일과 동일한 경로에 생성.

$r_title(config.xml 설정 예)
<websquare>
	<wpack>
        <destRoot value="$blank"/>
        <babelDestRoot value="$blank"/>
	</wpack>
</websquare>

변경 (`wpack` – `destRoot` & `wpack` – `babelDestRoot` / WESE-624)

변경 전	변경 후
`wpack` – `destRoot` 및 `wapck` – `babelDestRoot` 항목을 `"$blank"`로 설정. XML 파일을 호출. XML 파일과 동일한 경로에 있는 JS 파일 호출되지 않음.	(동일.) (동일.) JS 파일이 호출됨.

$r_title(config.xml 설정 예)
<websquare>
	<wpack>
        <destRoot value="$blank"/>
        <babelDestRoot value="$blank"/>
	</wpack>
</websquare>

client.config.xml

항목 추가 (MSA 지원 / WESE-678)

`msaCommon`

설명	MSA 공통 모듈 설정 기능 추가. `msaCommon/module` : MSA 서버 내 공통 컴포넌트 정보. `module@src` : MSA 서버 내 공통 컴포넌트 파일 URL 경로. `module@name` : MSA 공통 컴포넌트에 접근하는 전역 이름. 반드시 `$c`로 시작해야 함. `name`에서 `$c.`를 제외한 나머지와 `src` 파일명을 일치시키는 것을 권장.

$r_title(사용 )
<msaCommon>
	<module src="/cm/component/adminBase.xml" name="$c.adminBase"
 msaServerName="CM"/>
	<module src="/cm/component/code.xml" name="$c.order" msaServerName="BM"/>
</msaCommon>

항목 추가 (서브미션에 charset 추가 / WESE-699)

`submission` – `requestHeaderCharset`

설명	서브미션에 charset을 설정하는 기능 추가.

$r_title(설정 예)
"submission": {
            "requestHeaderCharset": {
                "@value": "none"
            }
}

항목 추가 (WFrame의 자식은 반환에서 제외 / WESE-711)

`util` – `excludeInnerComp` & `excludeContainerComp`

설명	`WebSquare.util.getChildre()`으로 자식 반환 시, `options.excludePlugin="wframe"`인 경우, WFrame 내부의 자식은 반환하지 않음.

$r_title(설정 예)
<WebSquare>
    <util>
        <excludeInnerComp value="true"/>
        <excludeContainerComp value="true"/>
    </util>
</WebSquare>

엔진

기능 (컴포넌트 추가 / WESE-713)

설명	HTML5의 `<button type="button">` 태그에 해당하는 Button 컴포넌트 추가.

기능 (`$p` 인자 전달 / WESF-19)

설명	Project Component에서 `$p` 인자를 자동으로 넘겨주는 기능 추가.

기능 (개별 페이지에서 JS 로딩/ WESF-18)

설명	웹스퀘어의 개별 페이지에서 JS를 로딩하는 기능 추가. page common component의 경우 head 아래의 script 부분과 w2:publicInfo 태그만 읽어옴. w2:publicInfo의 method 속성값이 비어 있을 경우 script에 정의한 모든 API를 공개.

$r_title(JS 파일을 로딩하는 코드 (예제))
<?xml version="1.0" encoding="UTF-8"?>
<html
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ev="http://www.w3.org/2001/xml-events"
	xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head>
		<script type="text/javascript" src="/frame/js/mainScript.js" scopeExternal="true"></script>
	</head>
...

$r_title(Page Common Component 소스 코드 (예제))
	<?xml version="1.0" encoding="UTF-8"?>
	<html
		xmlns="http://www.w3.org/1999/xhtml"
		xmlns:ev="http://www.w3.org/2001/xml-events"
		xmlns:w2="http://www.inswave.com/websquare"
		xmlns:xf="http://www.w3.org/2002/xforms">
		<head>
			<w2:type palette="">COMMON</w2:type>
			<w2:publicInfo method="scwin.method1" />
			<script lazy="false" type="text/javascript">
				<![CDATA[
scwin.method1 = function(arg1, arg2) {
  console.log(arg1);
  console.log(arg2);
  console.log($p);
}

/**
 w-pack build

scwin.method1 = function($p, arg1, arg2) {
  console.log(arg1);
  console.log(arg2);
  console.log($p);
}
 
*/
]]>
			</script>
		</head>
		<body ev:onpageload="scwin.onpageload"></body>
	</html>

$r_title(Page Common을 호출하는 페이지 (예제))

	<?xml version="1.0" encoding="UTF-8"?>
	<html
		xmlns="http://www.w3.org/1999/xhtml"
		xmlns:ev="http://www.w3.org/2001/xml-events"
		xmlns:w2="http://www.inswave.com/websquare"
		xmlns:xf="http://www.w3.org/2002/xforms">
		<head>
			<w2:common src="/pageCommon.xml" id="common"></w2:common>

변경 (웹 취약점 개선 / WESE-503)

설명	`try catch` 구문에서 `catch(3) {}`와 같이 빈 예외를 포함한 웹스퀘어 관련 JS 파일들을 수정.

변경 (웹 취약점 개선 / WESD-1575)

설명	EMPTY_CATCH_BLOCK (빈 catch 블록) 관련한 웹 취약점을 개선.

변경 (`setToolTip()` / WESE-575)

변경 전	변경 후
툴팁 표시 여부만 첫번째 인자로 지정 가능.	두 번째 인자로 툴팁 텍스트를 지정할 수 있음.

$r_title(사용 예)
anchor1.setToolTip(true, "Tooltip Text.");

DataList

개선 (`removeRow()` / WESE-633)

설명	`dataList.removeRow()` 수행 시간 개선. (예시) IE 기준 1500row * 200column의 데이터를 200회 삭제에 걸리는 시간: 개선 전 : 6초. 개선 후 : 2초.

변경 (`getAllFilteredJSON()` / WESE-672)

변경 전	변경 후
GridView의 `inputType="drilldown"` 컬럼에서 특정 단계만 보일 경우, 현재 화면에 표시되는 데이터가 필터링된 것으로 판단하지 않기 때문에 전체 데이터를 반환함.	현재 화면에 표시되는 데이터를 필터링된 것으로 판단하여, 현재 화면에 표시되는 데이터만 반환함.

예제 파일

인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK의 GUIDE 프로젝트에서 보기

(/_DataCollection/getAllFilteredJSON_DataList.xml)

YouTube 동영상 (https://youtu.be/o9Rc0rjzixc)

`$p`

기능 (MSA 지원 / WESE-679)

`js(scriptUrl, callback, msaName)`

설명	JS 파일을 로딩할 MSA 서버 이름(msaName)을 파라미터로 전달하는 기능 추가.

$r_title(사용 예)
$p.js("/common/js/common.js", "/common/js/test1.js"
    ", function()

    {
        alert("all done"), "BM"
    }
);

// 위의 예제에서
// common.js, test1.js, test2.js 로딩은 병렬로 이루어지며, 
// 스크립트는 인자가 넘어온 순서로 실행됨. 
// common.js -> test1.js 순서로 실행됨.
// test1.js 실행이 끝나면 callback 함수 alert("all done"); 이 실행됨.
// 3번째 파라미터로 설정한 msaName(BM) 서버에서 JS 파일을 요청함

`WebSquare.date`

기능 (유효하지 않은 날짜에 대한 표시 / WESE-631)

`isValidDate()` – `options.useAlert & options.resultType`

구분	`invalidDate()` 함수의 세 번째 인자 추가.
설명	날짜가 유효하지 않을 경우, 얼럿 표시 여부 및 반환값 표시 형식을 지정.
추가한 인자 설명	`options` `options.userAlert` : 얼럿 표시 여부 지정. `"true"` `"false"` `options.returnType` : 반환값 형 `"boolean"` `"json"`

$r_title(사용 예)
var options = {
    useAlert: "false",
    returnType: "json"
}
var result = WebSquare.date.isValidDate(inputCalendar1, inputCalendar1.getValue(), options);
console.log("result:", result);

예제 파일

인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK의 GUIDE 프로젝트에서 보기

(/_WebSquare.date/isValidDate_WebSquare_date.xml)

YouTube 동영상 (https://youtu.be/E1P78YjB7c8)

`WebSquare.util`

기능 (WFrame의 자식은 반환에서 제외 / WESE-711)

`getChildren()` – `options.excludeContainerComp`

구분	`getChildren()` 함수의 옵션 추가.
설명	`options.excludeContainerComp="true"`: `options.excludePlugin="wframe"`인 경우, WFrame 내부의 자식은 반환하지 않음.

$r_title(사용 예)
WebSquare.util.getChildren(group3, {
    recursive: true,
    excludeInnerComp: true,
    excludeContainerComp: true,
    excludePlugin: "wframe"
})

Anchor

기능 (컴포넌트의 레이블 지정 / WESE-572)

`label`

구분	속성 추가.
설명	컴포넌트의 레이블 지정.

AutoComplete

기능 (항목에 대한 툴팁 표시 / WESE-621)

`itemTooltipDisplay`

구분

속성 추가.

설명

항목에 대한 툭팁 표시 여부 지정.

"true" : 툴팁 표시.
"false" (기본 값) : 툴팁 표시하지 않음.

`itemTooltipFormatter`

구분	속성 추가.
설명	`itemTooltipDisplay="true"`인 경우, 툴팁 내용을 변경할 사용자 함수명.
관련 속성	i`temTooltipDisplay="true"`

변경 (`setDisableEdit()` / WESE-671)

설명	함수명 변경. 변경 전 : `disableEdit()` 변경 후 : `setDisableEdit()`

변경 (선택 목록 상의 keydown 이벤트 / WESD-1572)

변경 전	변경 후
선택 목록을 클릭. 선택 목록에 열린 상태서 방향키와 Page Up, Page Down 만 사용해서 선택 목록을 사용할 수 있음.	(동일.) 방향키와 Page Up, Page Down 키를 제외한 다른 키에 대해서도 keydown 이벤트를 지정하여, 항목 선택용 단축키를 지정할 수 있음.

변경 (다국어 지원 / WESE-644)

변경 전	변경 후
`tooltip` 및 `placeholder` 속성에 대해 `localeRef`를 지원하지 않음.	`tooltip` 및 `placeholder` 속성에 대해 `localeRef`를 지원하여 툴팁 및 플레이스홀더 텍스트의 클라이언트 다국어를 지원.

변경 (`oneditenter` / WESE-550)

변경 전	변경 후
변경 전 주석 : Enter 키를 누를 때 발생.	변경 후 주석 : Enter 키 혹은 Tab 키를 누를 때 발생.

변경 전

변경 후

변경 전 주석 :

Enter 키를 누를 때 발생.

변경 후 주석 :

Enter 키 혹은 Tab 키를 누를 때 발생.

Calendar

기능 (날짜 활성화 및 비활성화 / NA)

`setDisableDate()`

구분	함수 추가.
설명	지정한 날짜를 비활성화.

`setEnableDate()`

구분	함수 추가.
설명	지정한 날짜를 활성화.

`setDisableBeforeDate()`

구분	함수 추가.
설명	지정한 날짜 이전의 날짜들을 달력에서 선택 불가능하도록 제한.

`setDisableAfterDate()`

구분	함수 추가.
설명	지정한 날짜 이후의 날짜들을 달력에서 선택 불가능하도록 제한.

CheckComboBox

기능 (입력 값 편집 / WESD-1534)

`checkTarget`

구분

속성 추가.

설명

CheckComboBox에 값을 직접 입력(useEdit="true")하여 편집할 때, 편집 대상을 지정.

"label" (기본 값) : label 편집.
"value" : value 편집.
"both" : label과 value 모두 편집.

Editor

기능 (개행 문자 반환 / WESD-1519)

`getInnerText()`

구분	함수 추가.
설명	HTML 태그를 무시하고 텍스트와 개행 문자를 함께 반환.

$r_title(사용 예)
// 다음을 입력할 경우
// a
// b
// c

editor.getText();
// 반환 값 :  'abc'

editor.getHTML()
// 반환 값 : 'a<br />\nb<br />\nc'

editor.getInnertext()
// 반환 값 : a\nb\nc

예제 파일

인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK의 GUIDE 프로젝트에서 보기

(/Editor/getInnerText_Editor.xml)

YouTube 동영상 (https://youtu.be/xwjp0Oc0Cns)

변경 (버전 / N/A)

변경 전	변경 후
CKEditor 4.21.1 사용.	CKEditor 4.22.1 사용.

변경 (버전 / WESD-1484)

설명	CKEditor 4.21.1 버전 적용

FloatingLayer

기능 (닫기 버튼 사용 / WESE-657)

`useCloseButton`

구분

속성 추가.

설명

닫기 버튼 사용.

"true" (기본 값) : 사용
"false" : 사용하지 않음.

예제 파일

인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK의 GUIDE 프로젝트에서 보기

(/FloatingLayer/useCloseButton_FloatingLayer.xml)

YouTube 동영상 (https://youtu.be/oWfHc9LwxGQ)

`setUseCloseButton()`

구분	함수 추가.
설명	닫기 버튼(`useCloseButton`) 사용 여부를 동적으로 설정.
관련 API	`useCloseButton`

기능 (다국어 지원 / WESE-638)

`useLocale`

구분

속성 추가.

설명

선택 항목의 label에 표현되는 값을 클라이언트의 다국어 key를 이용하여 표현.

"true"
"false" (기본 값)

`localeRef`

구분

속성 추가.

설명

웹스퀘어의 클라이언트 다국어 기능 적용 시, 출력하려는 텍스트의 key를 정의.

key에 해당하는 텍스트가 없을 경우 "global_undefined"가 화면에 표시됨.

FusionChart

기능 (Series 구성이 다른 유형의 차트로 변경 / WESE-545)

`changeType()` – `chartColumnRef`

구분	Series 구성이 다른 유형의 차트로 변경하기 위해 `changeType()` 함수의 두 번째 인자 추가.
사용 예	`changeType(chartType, chartColumnRef)` chartType : 변경할 차트 타입. `chartColumnRef` `chartColumnRef.ref` : 바인딩된 DataCollection ID. `chartColumnRef.labelNode` : labelNode. `chartColumnRef.seriesColumns` : seriesColumn. `chartColumnRef.seriesNode` : seriesNode. `chartColumnRef.valueNode` : valueNode. `chartColumnRef.olorNode` : colorNode.

구분

Series 구성이 다른 유형의 차트로 변경하기 위해 changeType() 함수의 두 번째 인자 추가.

사용 예

changeType(chartType, chartColumnRef)

chartType : 변경할 차트 타입.
chartColumnRef
- chartColumnRef.ref : 바인딩된 DataCollection ID.
- chartColumnRef.labelNode : labelNode.
- chartColumnRef.seriesColumns : seriesColumn.
- chartColumnRef.seriesNode : seriesNode.
- chartColumnRef.valueNode : valueNode.
- chartColumnRef.olorNode : colorNode.

변경 (`chartType` / WESE-564)

설명	3.19 버전이 지원하는 차트 타입을 chartType 속성값으로 추가. `bar3d` `zoomlinedy` `stackedcolumn2dlinedy` `stackedarea2dlinedy` `mscombidy3d` `zoomscatter` `scrollbar2d` `scrollstackedbar2d` `scrollmsstackedcolumn2dlinedy` `scrollmsstackedcolumn2d`

GridView

기능 (동일 GridView 내에서만 드래그-앤-드롭 / WESD-1566)

`dataDragDropSelf`

구분

속성 추가.

설명

동일 GridView 내에서만 데이터 드래그-앤-드롭 동작을 허용.

"true" (기본 값) : 동일 GridView 내에서만 데이터 드래그-앤-드롭 동작이 가능.
"false" : 다른 GridView로 데이터 드래그-앤-드롭 동작이 가능.

기능 (Shift 키 사용 여부 확인 / WESE-660)

`useShiftKeyCheck`

구분	속성 추가.
설명	Shift 키를 사용하여 여러 체크박스가 선택(`useShiftKey="true"`)되었는지 여부를 확인하는 기능.
관련 속성	`useShiftKey="true"`

예제 파일

인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK의 GUIDE 프로젝트에서 보기

(/GridView/inpuType/inputType_checkbox_useShiftKey_useShiftKeyCheck_GridView.xml)

YouTube 동영상 (https://youtu.be/pSTt1MH9vAY)

기능 (데이터 없음 표시 / WESE-674)

`useNoResultMessageURL`

구분	속성 추가.
설명	GridView에 데이터가 없을 경우, 특정 파일에 지정된 메시지를 표시.
관련 속성	`noResultMessageURL`

`noResultMessageURL`

구분	속성 추가.
설명	GridView에 데이터가 없을 경우 표시할 메시지를 저장한 파일의 위치.
관련 속성	`useNoResultMessageURL`

$r_title(사용 예)
<w2:gridView useNoResultMessageURL="true" noResultMessageURL="/jira/gridview_resultMessage/gridView_noResultMessage4.xml">

예제 파일

인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK의 GUIDE 프로젝트에서 보기

(/GridView/_General/useNoResultMessageURL_noResultMessageURL_message/)

YouTube 동영상 (https://youtu.be/Wp3dO7_7RkE)

기능 (번호 컬럼에 마우스-오버 색상 적용/ WESE-719)

`rowNumRowMouseOverColor`

구분

속성 추가.

설명

rowNumVisible="true" 속성 설정을 통해 행 번호를 표시할 경우, rowMouseOverColor 속성 설정을 적용.

"true"
"false"

기능 (CSV 파일 업로드 시 좌우 공백 제거 / WESE-730)

`readCSV() – options.trim`

구분	`readCSV()` 함수의 옵션 추가.
설명	GridView를 CSV 파일로 로드할 때, GridView 각 셀에 포함된 공백을 제거. `"0"` (기본 값): 공백 제거하지 않음. `"1"` : 공백 제거.

구분

readCSV() 함수의 옵션 추가.

설명

GridView를 CSV 파일로 로드할 때, GridView 각 셀에 포함된 공백을 제거.

"0" (기본 값): 공백 제거하지 않음.
"1" : 공백 제거.

$r_title(사용 예)
var options = {
    trim: "1"
};
gridView1.readCSV(options);

기능 (CSV 파일 다운로드 시 좌우 공백 제거 / WESE-730)

`saveCSV() – options.trim`

구분	`saveCSV()` 함수의 옵션 추가.
설명	GridView를 CSV 파일로 다운로드할 때, GridView 각 셀에 포함된 공백을 제거. `"0"` (기본 값): 공백 제거하지 않음. `"1"` : 공백 제거.

구분

saveCSV() 함수의 옵션 추가.

설명

GridView를 CSV 파일로 다운로드할 때, GridView 각 셀에 포함된 공백을 제거.

"0" (기본 값): 공백 제거하지 않음.
"1" : 공백 제거.

$r_title(사용 예)
var options = {
    fileName: "download_trim.csv",
    trim: "1"
};
gridView1.saveCSV(options);

기능 (`readOnly` 속성 설정을 초기화 / WESE-710)

`setReadOnly(type , rowIndex , colIndex , readOnlyFlag, clear)`

구분	setReadOnly() 함수의 파라미터 추가.
설명	`clear` : `readOnly` 속성 설정의 초기화 여부

// cell, row, column의 readOnly 속성을 모두 초기화 (readOnly="false")
gridView.setReadOnly("grid", "clear");

// cell, row, column의 readOnly 속성을 모두 초기화(readOnly="false")한 후, 
// index="0" 컬럼에 대해서만 readOnly="true" 설정 적용. 
gridview1.setReadOnly("column", 0, true, "clear");

예제 파일

인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK의 GUIDE 프로젝트에서 보기

(/GridView/_General/setReadOnly_GridView.xml)

YouTube 동영상 (https://youtu.be/CaUt7NoNdqM)

기능 (틀 고정 시 컬럼 경계선 표시 / WESD-1478)

`fixedColumnLineDiv`

구분	속성 추가.
설명	`fixedColumn` 속성을 사용하여 특정 컬럼을 고정할 경우, 컬럼의 경계선을 <div> 태그로 렌더링. (가로 스크롤 시 발생할 수 있는 CSS 깨짐 현상을 방지.)
관련 속성	`fixedColumn`

기능 (그룹핑 유지 / WESD-1504)

`advancedExcelDownload()` – `options.groupby`

구분	`advancedExcelDownload()` 함수의 옵션 추가.
설명	GridView에 적용된 그룹핑 상태를 유지한채로 Excel 파일로 다운로드.

기능 (`inputType="radio"` 컬럼의 `label` 구분자 지정 / WESE-612)

`radioLabelDelimiter`

구분	속성 추가.
설명	`inputType="radio"` 컬럼의 `label` 구분자를 지정.

기능 (렌더링 옵션 추가 / WESE-556)

`drawType="hybrid"`

구분

속성의 옵션 값 추가.

설명

GridView의 세로 스크롤을 브라우저가 담당하는 drawType="native" 방식 및 화면에 보이는 부분만 그리는 drawType="virtual" 방식을 혼합("hybrid")한 방식으로 그리는 옵션.

즉, 화면에 보이는 부분만 그려서 대용량을 표시하는 성능을 제공하는 것과 동시에 브라우저가 렌더링을 담당할 때처럼 자연스러운 움직임을 제공.

기능 (현재 GridView 상태 확인 / WESE-530)

`getCurrentGridStyle()`

구분	함수 추가.
설명	현재 GridView의 상태(컬럼 순서, 컬럼 길이, 숨겨진 컬럼, 고정된 컬럼 등)을 JSON 문자열 형태로 반환.

$r_title(사용 예)
// GridView 상태를 문자열 형태로 반환.
var gridStyle = gridView1.getCurrentGridStyle();

기능 (지정한 상태로 GridView 다시 그리기 / WESE-531)

`setGridStyle()`

구분	함수 추가.
설명	현재 GridView의 상태(컬럼 순서, 컬럼 길이, 숨겨진 컬럼, 고정된 컬럼 등)을 JSON 문자열 형태로 지정하여, 지정한 상태로 GridView를 그리기.

$r_title(사용 예)
// GridView 상태 확인. 
var gridStyle = gridView1.getCurrentGridStyle();

// GridView 상태를 다시 복원.
gridView1.setGridStyle(gridStyle);

예제 파일

인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK의 GUIDE 프로젝트에서 보기

(/GridView/_General/getCurrentGridStyle_setGridStyle_GridView.xml)

YouTube 동영상 (https://youtu.be/B8Nbvp_CF_E)

변경 (`fixedColumn` / WESE-697)

변경 전	변경 후
`fixeColumn` 속성을 지정할 경우, 고정되는 컬럼의 Body에만 배경색 설정이 가능.	Body 및 Header에 배경색을 설정할 수 있음.

변경 (`rowCopy="true"` / WESD-1450)

변경 전	변경 후
`focusMode="true"` 및 `rowCopy="true"` 속성 설정을 적용. 행을 선택한 후 Ctrl+X로 잘라내기 기능을 수행. 행이 아닌 셀만 잘라내기 됨.	(동일.) (동일.) 행 전체가 잘라내기 됨.

변경 (`setCellInputType()` / WESD-1488)

변경 전	변경 후
`inputType="custom"` 컬럼에서 `setCellInputType()` 함수로 특정 셀의 `inputType`을 변경할 경우, 불필요한 object 및 DOM이 계속 남아 있음.	불필요한 object 및 DOM이 삭제됨.

변경 (`advancedExcelDownload()` / WESE-567)

변경 전	변경 후
`dataHandler` 옵션에서 예외가 발생하여 GridView가 Excel 파일로 다운로드되지 않을 경우, 상태 바(Progress Bar)가 사라지지 않음.	상태 바(Progress Bar)가 사라짐.

`gridView.column`

기능 (`inputType="calendar"` 컬럼의 날짜 선택 방법 지정 / WESE-574)

`pickerType`

구분

속성 추가.

설명

inputType="calendar" 컬럼에서 연도와 월을 선택하는 방법을 지정.

"selectbox" (기본 값) : 연도나 월을 상자(SelectBox)에서 선택.
"dynamic" : 연도나 월을 목록에서 선택.

pickerType="selectbox"

pickerType="dynamic"

`fixPickerStatus`

구분

속성 추가.

설명

inputType="calendar" 컬럼이 pickerType="dynamic" 설정을 사용하는 경우, 고정할 항목을 지정 지정.

"default" (기본 값) : 사용자가 상단의 연도를 클릭할 경우, 하단에 연도를 목록으로 표시.
"month" : 사용자는 상단의 화살표로만 연도는 선택할 수 있고, 하단에는 항상 월이 표시됨.

개선 (`inputType="custom"` / WESE-633)

설명	`inputType="custom"` 컬럼 렌더링 시간 개선. 개선 전 : 3초. 개선 후 : 1.5초.

변경 (`disableDateValidSet` / WESE-732)

변경 전	변경 후
GridView에 `senseReader="true"` 설정 적용. `inputType="calendar"` 컬럼에 `disableDateValidSet="true"` 설정을 적용. `inputType="calendar"` 컬럼에 비활성화된 날짜를 입력. blur 발생. 이전에 입력한 유효한 날짜가 표시되지 않음.	(동일.) (동일.) (동일.) (동일.) 이전에 입력한 유효한 날짜가 표시됨.

변경 (`inputType="drilldown"` / WESE-701)

변경 전	변경 후
`showDepth` 속성을 설정하지 않거나 `showDepth="0"` 정을 적용할 경우, 데이터나 나타나지 않고 "데이터가 없습니다" 메세지가 출력됨.	모든 데이터가 표시됨.

변경 (`typeGetter` / WESD-1488)

변경 전	변경 후
`inputType="custom"` 컬럼에서 `typeGetter` 속성으로 사용자 정의 함수를 지정하여 특정 셀의 `inputType`을 변경할 경우, 불필요한 object 및 DOM이 계속 남아 있음.	불필요한 object 및 DOM이 삭제됨.

IFrame

변경 (보안 취약점 개선 / WESE-738)

설명	`setSrc()` 함수 호출 시 발생하는 보안 취약점 개선.

InputBox

기능 (문자열의 맨 앞으로 포커스 이동 받기 / WESE-642)

`nextTabFocusPosition`

구분

속성 추가.

설명

다른 컴포넌트의 nextTabID 설정에 따라 포커스를 받을 때 기존 입력된 문자의 맨 앞으로 포커스를 이동.

"1" : 맨 앞으로 이동.

비공개 속성

nextTabFocusPosition 속성은 현재 비공개. 추후 공개 예정.

변경 (`preventCopyPaste="true"` / WESD-1499)

변경 전	변경 후
`readOnly="true"` 혹은 `disabled="true"` 속성 설정을 적용. `preventCopyPaste="true"` 속성 설정을 적용. InpubBox의 값을 복사한 후 붙여넣기 실행. 붙여넣기가 실행됨.	(동일.) (동일.) (동일.) 붙여넣기가 실행되지 않음.

변경 (다국어 지원 / WESE-644)

변경 전	변경 후
`tooltip` 및 `placeholder` 속성에 대해 `localeRef`를 지원하지 않음.	tooltip 및 placeholder 속성에 대해 localeRef를 지원하여 툴팁 및 플레이스홀더 텍스트의 클라이언트 다국어를 지원.

변경 (`autoFocus` / WESE-616)

변경 전	변경 후
`autoFocus="true"` 속성 설정을 적용. Ctrl 키를 누름. (단, Ctrl + V 제외.) 최대 바이트 길이(`maxByteLength`)까지 입력해도 포커스가 이동되지 않음.	(동일.) (동일.) 포커스가 정상 이동.

변경 (`oneditenter` / WESE-550)

변경 전

변경 후

변경 전 주석 :

Enter 키를 누를 때 발생.

변경 후 주석 :

Enter 키 혹은 Tab 키를 누를 때 발생.

InputCalendar

기능 (날짜 활성화 및 비활성화 / NA)

`setDisableDate()`

구분	함수 추가.
설명	지정한 날짜를 비활성화.

`setEnableDate()`

구분	함수 추가.
설명	지정한 날짜를 활성화.

`setDisableBeforeDate()`

구분	함수 추가.
설명	지정한 날짜 이전의 날짜들을 달력에서 선택 불가능하도록 제한.

`setDisableAfterDate()`

구분	함수 추가.
설명	지정한 날짜 이후의 날짜들을 달력에서 선택 불가능하도록 제한.

기능 (월 선택 방지 / WESE-654)

`disableMonth`

구분	속성 추가.
설명	지정한 월을 달력에서 선택 불가능하도록 제한. 단, `pickerType="dynamic"`인 경우 유효. 기본 값 : `""`
사용 예	`disableMonth="202301 202305"`
관련 API	`pickerType="dynamic"`

`disableBeforeMonth`

구분	속성 추가.
설명	지정한 월 이전의 월들은 달력에서 선택 불가능하도록 제한. 단, `pickerType="dynamic"`인 경우 유효. 기본 값 : `""`
사용 예	`disableBeforeMonth="202305"`
관련 API	`pickerType="dynamic"`

`disableAfterMonth`

구분	속성 추가.
설명	지정한 월 이의 월들은 달력에서 선택 불가능하도록 제한. 단, `pickerType="dynamic"`인 경우 유효. 기본 값 : `""`
사용 예	`disableAfterMonth="202312"`
관련 API	`pickerType="dynamic"`

기능 (문자열의 맨 앞으로 포커스 이동 받기 / WESE-642)

`nextTabFocusPosition`

구분

속성 추가.

설명

다른 컴포넌트의 nextTabID 설정에 따라 포커스를 받을 때 기존 입력된 문자의 맨 앞으로 포커스를 이동.

"1" : 맨 앞으로 이동.

비공개 속성

nextTabFocusPosition 속성은 현재 비공개. 추후 공개 예정.

기능 (날짜 선택 초기화 버튼 / WESE-592)

`resetButtonShow`

구분	속성 추가.
설명	`"true"` : 날짜 선택을 초기화하는 버튼을 우측 하단에 표시. `"false"` (기본 값) : 날짜 선택을 초기화하는 버튼을 표시하지 않음.

resetButtonShow="true"

예제 파일

인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK의 GUIDE 프로젝트에서 보기

(/InputCalendar/resetButtonShow_InputCalendar.xml)

변경 (다국어 지원 / WESE-644)

변경 전	변경 후
`tooltip` 및 `placeholder` 속성에 대해 `localeRef`를 지원하지 않음.	`tooltip` 및 `placeholder` 속성에 대해 `localeRef`를 지원하여 툴팁 및 플레이스홀더 텍스트의 클라이언트 다국어를 지원.

변경 (웹 접근성 지원 / WESE-620)

변경 전	변경 후
`pickerType="dynamic"` 속성 설정을 적용할 경우, cal`endarValueType` 속성값이 `"year"` 혹은 `"yearMonth"`인 경우, 웹 접근성을 지원하지 않음.	웹 접근성 지원.

변경 (`resetButtonShow="true"` / WESE-611)

변경 전	변경 후
`resetButtonShow="true"` 속성 설정으로 날짜 선택 초기화 버튼을 표시. 날짜 선택 초기화 버튼을 클릭. 날짜 선택만 초기화되고, 달력은 계속 열려 있음.	(동일.) (동일.) 날짜 선택이 초기화되고 달력은 닫힘. 날짜 선택 초기화 버튼으로 포커스가 이동.

변경 (`maxYear` / WESD-839)

변경 전	변경 후
`maxYear` 속성값이 `"9999"` 미만일 경우, 9999년을 선택할 수 없음.	`useUnlimitedYear="true"` 속성 설정을 적용할 경우, 9999년을 선택할 수 있음.

변경 (`cancelButtonShow` / WESD-1476)

변경 전

변경 후

calendarValueType 속성 설정에 상관 없이, cancelButtonShow 속성 설정이 적용됨.

calendarValuType="yearMonthDate"인 경우에만 cancelButtonShow="false" 속성이 적용됨.

"true" : 취소 버튼을 표시.
"false" (기본 값) : 취소 버튼을 표시하지 않음. 단, calendarValuType="yearMonthDate"를 설정을 사용할 경우에만 cancelButtonShow="false" 속성이 적용됨.
즉, calendarValuType 속성 값이 "yearMonthDate"가 아닌 다른 값을 사용할 경우, cancelButtonShow="false" 설정을 적용해도 취소 버튼이 표시됨.

예제 파일

인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK의 GUIDE 프로젝트에서 보기

(/InputCalendar/cancelButtonShow_InputCalendar.xml)

YouTube 동영상 (https://youtu.be/MrfVKex3yE4)

변경 (`skipConfirm` / WESD-1476)

변경 전

변경 후

사용자가 월(month)을 선택할 경우 자동으로 값이 설정됨.

calendarValue 설정에 따라 날짜의 마지막 단위가 확인 버튼 없이 자동 선택됨.

"true" :
- calendarValueType="year" 인 경우, 연도를 선택하면 자동으로 값이 설정됨.
- calendarValueType="yearMonth" 인 경우, 월을 선택하면 자동으로 값이 설정됨.
"false" (기본 값): 사용자가 확인 버튼을 클릭해야 선택한 값이 설정.

변경 (`skipConfirmOnly` / WESD-1476)

변경 전

변경 후

연도 및 월을 선택하는 월(month) 목록에서 직접 월을 선택할 경우, (확인 버튼은 표시되지만) 확인 버튼 클릭 없이 자동으로 월이 선택됨.

calendarValue 설정에 따라 날짜의 마지막 단위가 자동 선택됨.

"true" :
- calendarValueType="year" 인 경우, 연도를 선택하면 자동으로 값이 설정됨.
- calendarValueType="yearMonth" 인 경우, 월을 선택하면 자동으로 값이 설정됨.
"false" (기본 값): 월이나 연도를 선택하고 확인 버튼을 클릭해야 선택한 값이 설정됨.

MultiUpload

기능 (MSA 지원 / WESE-690)

`changeAction()`

설명	MSA 지원을 위해 `msaName` 옵션 추가.
사용 형	`changeAction(action, msaName)`

$r_title(사용 예)
multiUpload1.changeAction("/fileUpload1.do", "BM");

`msaName`

구분	속성 추가.
설명	`action` 속성에 정의된 웹스퀘어 페이지 URL을 호출할 MSA 서버명(`msaName`)를 설정. (`msaName`을 설정하지 않으면 API를 실행한 웹스퀘어 페이지를 가져온 서버를 기준으로 호출.)
관련 속성	`action`

$r_title(사용 예)
<w2:multiupload action="/fileUpload2.do" msaName="BM"></w2:multiupload>

SelectBox

기능 (Tab 키를 통한 항목 선택 / WESD-917)

`selectByTabKey`

구분	속성 추가.
설명	목록에서 (Enter 키 외에) Tab 키를 눌러 항목을 선택.

변경 (선택 목록 상의 keydown 이벤트 / WESD-1572)

변경 전	변경 후
선택 목록을 클릭. 선택 목록에 열린 상태서 방향키와 Page Up, Page Down 만 사용해서 선택 목록을 사용할 수 있음.	(동일.) 방향키와 Page Up, Page Down 키를 제외한 다른 키에 대해서도 keydown 이벤트를 지정하여, 항목 선택용 단축키를 지정할 수 있음.

Spinner

변경 (`oneditenter` / WESE-550)

변경 전

변경 후

변경 전 주석 :

Enter 키를 누를 때 발생.

변경 후 주석 :

Enter 키 혹은 Tab 키를 누를 때 발생.

Submission

기능 (단일 객체 반환 / N/A)

`singleMode`

구분	속성 추가.
설명	(최상위 객체 혹은 XML 노드를 제거하여) 한개의 DataCollection의 객체만 반환.

TabControl

변경 (`deletleTab()` / WESE-627)

변경 전	변경 후
인덱스를 지정하여 탭을 삭제.	인덱스 혹은 ID를 지정하여 탭을 삭제.

변경 (`addTab()` / WESE-586)

변경 전	변경 후
`addTab()` 함수로 탭을 추가할 경우, 다국어용 `tabObj.useLoale` 및 `tabObj.localeRef` 옵션을 지원하지 않음.	다국어용 `tabObj.useLoale` 및 `tabObj.localeRef` 옵션을 지원.

TextArea

변경 (다국어 지원 / WESE-644)

변경 전	변경 후
`tooltip` 및 `placeholder` 속성에 대해 `localeRef`를 지원하지 않음.	tooltip 및 placeholder 속성에 대해 localeRef를 지원하여 툴팁 및 플레이스홀더 텍스트의 클라이언트 다국어를 지원.

변경 (`oneditenter` / WESE-550)

변경 전

변경 후

변경 전 주석 :

Enter 키를 누를 때 발생.

변경 후 주석 :

Enter 키 혹은 Tab 키를 누를 때 발생.

TreeView

기능 (노드 추가 시 UI 갱신 여부 선택 / NA)

`expandNode(value, hierarchy, noRefresh)`

구분	`expandNode()` 함수의 인자 추가.
설명	`noRefresh` 인자를 `true`로 설정할 경우, 노드를 추가할 때 TreeView의 UI가 갱신되지 않음. `noRefresh` 인자를 `false`로 설정할 경우, 노드를 추가할 때 TreeView의 UI가 갱신됨.

변경 (`showTreeDepth` / NA)

변경 전	변경 후
`renderType="virtual"` 설정을 적용할 경우, `renderType="table"` 설정과 비교하여 `showTreeDepth` 속성값이 1 depth 작게 표현됨.	`renderType="virtual"` 및 `renderType="table"` 설정 모두 동일한 `showTreeDepth` 속성값을 사용.

Upload

기능 (MSA 지원 / WESE-691)

`changeFormAction()`

설명	MSA 지원을 위해 `msaName` 옵션 추가.
사용 형	`changeFormAction(action, msaName)`

$r_title(사용 예)
upload1.changeFormAction("/fileUpload1.do", "BM");

`getActionUrl() – options.msa`

설명	MSA 지원을 위해 MSA가 포함된 전체 URL을 반환할 수 있는 옵션 추가.

$r_title(사용 예)
var options = { msa: true }
upload1.getActionUrl(options);

`setActionUrl()`

설명	MSA 서버에서 파일을 업로드할 수 있는 기능 추가.

$r_title(사용 예)
upload1.setFAction("/fileUpload1.do", "BM");

비공개 함수

setActionUrl() 함수는 현재 비공개.

`msaName`

구분	속성 추가.
설명	`action` 속성에 정의된 웹스퀘어 페이지 URL을 호출할 MSA 서버명(`msaName`)를 설정. (`msaName`을 설정하지 않으면 API를 실행한 웹스퀘어 페이지를 가져온 서버를 기준으로 호출.)
관련 속성	`action`

$r_title(사용 예)
<w2:upload action="/fileUpload1.do" msaName="BM"></w2:upload>

WFrame

기능 (UDCFrame/ WESF-14)

설명	UDC를 WFrame처럼 사용할 수 있는 기능을 제공. 즉, WFrame과 동일한 방식으 UDCFrame을 페이지에 포함하여 사용할 수 있음. 특징 WFrame의 모든 속성, 함수, 이벤트를 포함한 WFrame의 모든 기능을 사용할 수 있음. UDC의 속성, 함수, 이벤트를 사용할 수 있음. UDC를 Palette에 등록하지 않고 페이지에 포함할 수 있음.

WidgetContainer

기능 (MSA 지원 / WESE-689)

설명	MSA 지원을 위해 아래의 함수에 msaName 옵션을 지정할 수 있는 기능 추가. `addWidgets(option)` `importWidget(id , jsonOb)` `importWidgets(jsonArr, clearFlag)` `exportWidget(widgetId)` `exportWidgets()`

WindowContainer

기능 (헤더에 사용자 정의 버튼 추가 / WESE-743)

`createWindow() – options.buttonInfo`

구분	createWindow() 함수의 옵션 추가.
설명	윈도우를 생성할 때 윈도우 헤더에 사용자 정의 버튼을 추가.

$r_title(사용 예)
windowContainer1.createWindow({
    "title": "accordion",
    "src": "generator_accordion.xml",
    "windowId": "window1",
    "frameMode": "wframe",
    "openAction": "existWindow",
    buttonInfo: {
        alignment: "left",
        buttons: [{
            value: "button_0",
            clickAction: "scwin.clickFunc_0"
        }, {
            value: "button_1",
            clickAction: "scwin.clickFunc_1"
        }, {
            value: "button_2",
            clickAction: "scwin.clickFunc_2"
        }, {
            value: "button_3",
            clickAction: "scwin.clickFunc_3"
        }, {
            value: "button_4_size",
            clickAction: "scwin.clickFunc_4"
        }]
    }
});

scwin.clickFunc_0 = function(obj) {
    alert(" [ACTION] YOU CLICKED BUTTON 0 ");
};
scwin.clickFunc_1 = function(obj) {
    alert(" [ACTION] YOU CLICKED BUTTON 1 ");
};
scwin.clickFunc_2 = function(obj) {
    alert(" [ACTION] YOU CLICKED BUTTON 2 ");
};
scwin.clickFunc_3 = function(obj) {
    alert(" [ACTION] YOU CLICKED BUTTON 3 ");
};
scwin.clickFunc_4 = function(obj) {
    alert(" [ACTION] YOU CLICKED BUTTON 4 ");
};

비공개 옵션

options.buttonInfo 옵션은 현재 비공개.

기능 (윈도우 분리 효과 추가 / WESE-659)

`onwindowsplit`

구분	이벤트 추가.
설명	윈도우의 네임레이어를 드래그-앤-드롭하여 윈도우를 분리할 경우 발생. (`useWindowSplit="true"`인 경우 유효.)
관련 속성	`useWindowSplit="true"`

`useWindowSplit`

구분	속성 추가.
설명	`"true"` : 윈도우를 마우스 드래그-앤-드롭으로 분리할 경우 네임 레이어가 분리되는 시각적 효과를 부여. `"false"` (기본 값)

요약

엔진 정보

기능 개선

추가 설정 항목

추가 API

server.config.xml

항목 추가 (W-Pack / WESE-630)

wpack – destRoot & wpack – babelDestRoot

변경 (wpack – destRoot & wpack – babelDestRoot / WESE-624)

client.config.xml

항목 추가 (MSA 지원 / WESE-678)

msaCommon

항목 추가 (서브미션에 charset 추가 / WESE-699)

submission – requestHeaderCharset

항목 추가 (WFrame의 자식은 반환에서 제외 / WESE-711)

util – excludeInnerComp & excludeContainerComp

엔진

기능 (컴포넌트 추가 / WESE-713)

기능 ($p 인자 전달 / WESF-19)

기능 (개별 페이지에서 JS 로딩/ WESF-18)

변경 (웹 취약점 개선 / WESE-503)

변경 (웹 취약점 개선 / WESD-1575)

변경 (setToolTip() / WESE-575)

DataList

개선 (removeRow() / WESE-633)

변경 (getAllFilteredJSON() / WESE-672)

$p

기능 (MSA 지원 / WESE-679)

js(scriptUrl, callback, msaName)

WebSquare.date

기능 (유효하지 않은 날짜에 대한 표시 / WESE-631)

isValidDate() – options.useAlert & options.resultType

WebSquare.util

기능 (WFrame의 자식은 반환에서 제외 / WESE-711)

getChildren() – options.excludeContainerComp

Anchor

기능 (컴포넌트의 레이블 지정 / WESE-572)

label

AutoComplete

기능 (항목에 대한 툴팁 표시 / WESE-621)

itemTooltipDisplay

itemTooltipFormatter

변경 (setDisableEdit() / WESE-671)

변경 (선택 목록 상의 keydown 이벤트 / WESD-1572)

변경 (다국어 지원 / WESE-644)

변경 (oneditenter / WESE-550)

Calendar

기능 (날짜 활성화 및 비활성화 / NA)

setDisableDate()

setEnableDate()

setDisableBeforeDate()

setDisableAfterDate()

CheckComboBox

기능 (입력 값 편집 / WESD-1534)

checkTarget

Editor

기능 (개행 문자 반환 / WESD-1519)

getInnerText()

변경 (버전 / N/A)

변경 (버전 / WESD-1484)

FloatingLayer

기능 (닫기 버튼 사용 / WESE-657)

useCloseButton

setUseCloseButton()

기능 (다국어 지원 / WESE-638)

useLocale

localeRef

FusionChart

기능 (Series 구성이 다른 유형의 차트로 변경 / WESE-545)

changeType() – chartColumnRef

변경 (chartType / WESE-564)

GridView

기능 (동일 GridView 내에서만 드래그-앤-드롭 / WESD-1566)

dataDragDropSelf

기능 (Shift 키 사용 여부 확인 / WESE-660)

useShiftKeyCheck

기능 (데이터 없음 표시 / WESE-674)

useNoResultMessageURL

noResultMessageURL

기능 (번호 컬럼에 마우스-오버 색상 적용/ WESE-719)

`wpack` – `destRoot` & `wpack` – `babelDestRoot`

변경 (`wpack` – `destRoot` & `wpack` – `babelDestRoot` / WESE-624)

`msaCommon`

`submission` – `requestHeaderCharset`

`util` – `excludeInnerComp` & `excludeContainerComp`

기능 (`$p` 인자 전달 / WESF-19)

변경 (`setToolTip()` / WESE-575)

개선 (`removeRow()` / WESE-633)

변경 (`getAllFilteredJSON()` / WESE-672)

`$p`

`js(scriptUrl, callback, msaName)`

`WebSquare.date`

`isValidDate()` – `options.useAlert & options.resultType`

`WebSquare.util`

`getChildren()` – `options.excludeContainerComp`

`label`

`itemTooltipDisplay`

`itemTooltipFormatter`

변경 (`setDisableEdit()` / WESE-671)

변경 (`oneditenter` / WESE-550)

`setDisableDate()`

`setEnableDate()`

`setDisableBeforeDate()`

`setDisableAfterDate()`

`checkTarget`

`getInnerText()`

`useCloseButton`

`setUseCloseButton()`

`useLocale`

`localeRef`

`changeType()` – `chartColumnRef`

변경 (`chartType` / WESE-564)

`dataDragDropSelf`

`useShiftKeyCheck`

`useNoResultMessageURL`

`noResultMessageURL`

`rowNumRowMouseOverColor`

`readCSV() – options.trim`

`saveCSV() – options.trim`

기능 (`readOnly` 속성 설정을 초기화 / WESE-710)

`setReadOnly(type , rowIndex , colIndex , readOnlyFlag, clear)`

`fixedColumnLineDiv`

`advancedExcelDownload()` – `options.groupby`

기능 (`inputType="radio"` 컬럼의 `label` 구분자 지정 / WESE-612)

`radioLabelDelimiter`

`drawType="hybrid"`

`getCurrentGridStyle()`

`setGridStyle()`

변경 (`fixedColumn` / WESE-697)

변경 (`rowCopy="true"` / WESD-1450)

변경 (`setCellInputType()` / WESD-1488)

변경 (`advancedExcelDownload()` / WESE-567)

`gridView.column`

기능 (`inputType="calendar"` 컬럼의 날짜 선택 방법 지정 / WESE-574)

`pickerType`

`fixPickerStatus`

개선 (`inputType="custom"` / WESE-633)

변경 (`disableDateValidSet` / WESE-732)

변경 (`inputType="drilldown"` / WESE-701)

변경 (`typeGetter` / WESD-1488)

`nextTabFocusPosition`

변경 (`preventCopyPaste="true"` / WESD-1499)

변경 (`autoFocus` / WESE-616)

변경 (`oneditenter` / WESE-550)

`setDisableDate()`

`setEnableDate()`

`setDisableBeforeDate()`

`setDisableAfterDate()`

`disableMonth`

`disableBeforeMonth`

`disableAfterMonth`

`nextTabFocusPosition`

`resetButtonShow`

변경 (`resetButtonShow="true"` / WESE-611)

변경 (`maxYear` / WESD-839)

변경 (`cancelButtonShow` / WESD-1476)

변경 (`skipConfirm` / WESD-1476)

변경 (`skipConfirmOnly` / WESD-1476)

`changeAction()`

`msaName`