<?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 meta_screenName="[AutoComplete] 입력창에서 키를 눌렀다 떼었을 때(Key Up)의 이벤트 핸들러 등록하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220803" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

/**
 * acb_exam 컴포넌트의 이벤트 oneditkeyup 핸들러
 */
scwin.acb_exam_oneditkeyup = function (info, e) {
    var strLog;

    //웹스퀘어 엔진에서 할당한 값
    var _keyCode = info.keyCode;    //입력된 키의 코드값
    var _newValue = info.newValue;  //키가 입력된 후의 값
    var _oldValue = info.oldValue;  //키가 입력되기 이전의 값

    //Key Event 객체
    var tmpKeyCode = e.keyCode;
    var tmpWhich = e.which;
    var tmpCode = e.code;
    var tmpKey = e.key;

    //이벤트 확인용 로그 출력
    console.log("scwin.acb_exam_oneditkeyup >>>>>>>> ", info, e);

    $c.frame.printExampleLog("scwin.acb_exam_oneditkeyup", txa_log);
    $c.frame.printExampleLog("info : \n" + JSON.stringify(info, null, "\t"), txa_log);
    strLog = "info.keyCode : " + _keyCode + "\n";
    strLog += "info.newValue : " + _newValue + "\n";
    strLog += "info.oldValue : " + _oldValue;
    $c.frame.printExampleLog(strLog, txa_log, false);
};

/**
 * 로그 출력용 함수
 */
scwin.printLog = function (argStr) {
    var strLog;
    strLog = txa_log.getValue();
    txa_log.setValue(strLog + "\n" + argStr);

};

/**
 * textarea의 로그 삭제
 */
scwin.btn_clearLog_onclick = function (e) {
    //textarea value를 빈문자열로 할당.
    txa_log.setValue("");
};

]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id="" label='검색어 입력창에서 Key를 입력하면 로그 확인 영역에 로그가 출력됩니다.' style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='AutoComplete' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:autoComplete editType="select" style="width: 150px;min-height:24px;" submenuSize="auto" id="acb_exam"
							nextTabByEnter="true" ev:oneditkeyup="scwin.acb_exam_oneditkeyup">
							<w2:choices>
								<w2:item>
									<w2:label><![CDATA[]]>
									</w2:label>
									<w2:value><![CDATA[]]>
									</w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[apple]]></w2:label>
									<w2:value><![CDATA[01]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[grapes]]></w2:label>
									<w2:value><![CDATA[02]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[strawberry]]></w2:label>
									<w2:value><![CDATA[03]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[blueberry]]></w2:label>
									<w2:value><![CDATA[04]]></w2:value>
								</w2:item>
							</w2:choices>
						</w2:autoComplete>
					</xf:group>
				</xf:group>

			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group id="" class="example_div_th_style">
						<w2:span label="로그 확인" style="" id="" class="mr_def txt_blue"></w2:span>
						<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
							title="로그 삭제" type="button">
							<xf:label><![CDATA[검색 취소]]></xf:label>
						</xf:trigger>

					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>
	</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date=" 20230718" meta_user="InswaveSystems"></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="TabControl의 탭 ID로 탭의 Index를 반환받는 함수 'getTabIndex' 예시입니다.
각 탭에 지정된 ID는 다음과 같습니다.
- 탭 'TAB1'의 ID : tabs1
- 탭 'TAB_EXAM'의 ID : tab_exam"
					style=""></w2:textbox>
			</xf:group>
			<xf:group id="" style="" class=""></xf:group>
			<xf:group class="example_div_tb_style_wrap mw600" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_exam1_1_onclick" id="btn_exam1_1" style=""
								type="button">
								<xf:label><![CDATA[탭의 ID가 'tabs1'인 탭의 Index 반환받기]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_exam1_2_onclick" id="btn_exam1_2" style=""
								type="button">
								<xf:label><![CDATA[탭의 ID가 'tab_exam'인 탭의 Index 반환받기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="" id="" style="">
							<w2:tabControl alwaysDraw="false" class="" confirmFalseAction="new" confirmTrueAction="exist" id="tac_exam1"
								style="position: relative;height: 120px;" tabScroll="" useConfirmMessage="false" useMoveNextTabFocus="false" useTabKeyOnly="true">
								<w2:tabs disabled="false" id="tabs1" label="TAB1" style="width:70px;height:30px;"></w2:tabs>
								<w2:content alwaysDraw="false" id="content1" style="min-height:30px;">
									<w2:textbox id="" label="TAB1 CONTENT" style="font-size: 1.2em;padding: 6px;color: steelblue;font-weight: bold;">
									</w2:textbox>
									<w2:textbox id="" label="Tab ID : tabs1" style="padding: 0px 6px;;"></w2:textbox>
								</w2:content>
							</w2:tabControl>
						</xf:group>
					</xf:group>
				</xf:group>

			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230628" meta_user="InswaveSystems"></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_books_1" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
					<w2:column dataType="text" id="label" name="도서명"></w2:column></w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="DataList에서 지정한 컬럼의 데이터와 주어진 문자열이 일치하는 행 데이터를 반환받는 예시입니다.<br/>반환 데이터의 유형에 따라 함수가 분리되어 있습니다. 함수의 인자는 동일합니다.<br/>반환 데이터의 유형은 5가지이며, 유형별 함수는 다음과 같습니다.<br/>- JSON 형식 : getMatchedJSON<br/>- 1차원 Array 형식 + 컬럼 정보 : getMatchedArray<br/>- 2차원 Array 형식 : getMatchedData<br/>- XML 형식 : getMatchedXML<br/>- Row Index가 담긴 1차원 Array 형식 : getMatchedIndex"
					style="">
				</w2:textbox>
				<w2:textbox escape="false" id=""
					label="각 함수의 부가 기능으로는 데이터 검색 조건(일치 또는 포함) 설정과 검색할 행의 범위 설정이 있습니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" id=""
					label="버튼을 클릭하면 '로그 확인' 영역과 브라우저 개발자도구의 콘솔에 로그가 출력됩니다.<br/>로그를 통해 반환되는 데이터를 확인할 수 있습니다." style="" escape="false">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="원본 데이터 확인용 GridView" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="220" class="gvw" dataList="data:dlt_books_1"
							defaultCellHeight="24" id="" initFixedHeightByRowNum="4" readOnly="true" rowNumWidth="26" style="height:60px;" tooltipDisplay="true"
							visibleRowNum="3" rowNumVisible="true" keepDefaultColumnWidth="true">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" value="분류" width="70"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="100"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="100"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group id="" style="" class="example_div_tr_style">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="함수별 반환 데이터 형식 비교하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_1_onclick"
								id="btn_exam1_1" style="" type="button">
								<xf:label><![CDATA[컬럼 '분류'의 값이 '소설'과 일치하는 데이터 받기 - JSON 형식]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_2_onclick"
								id="btn_exam1_2" style="" type="button">
								<xf:label><![CDATA[컬럼 '분류'의 값이 '소설'과 일치하는 데이터 받기 - 1차원 Array 형식 + 컬럼 정보]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_3_onclick"
								id="btn_exam1_3" style="" type="button">
								<xf:label><![CDATA[컬럼 '분류'의 값이 '소설'과 일치하는 데이터 받기 - 2차원 Array 형식]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_4_onclick"
								id="btn_exam1_4" style="" type="button">
								<xf:label><![CDATA[컬럼 '분류'의 값이 '소설'과 일치하는 데이터 받기 - XML 형식]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_5_onclick"
								id="btn_exam1_5" style="" type="button">
								<xf:label><![CDATA[컬럼 '분류'의 값이 '소설'과 일치하는 Row Index 받기 - 1차원 Array 형식]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<w2:span class="mr_def txt_bold" id="" label="로그 확인" style=""></w2:span>
							<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="" style=""
								title="로그 삭제" type="button" userData1="txa_log_1">
								<xf:label><![CDATA[검색 취소]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:textarea class="com_example_txa_log" id="txa_log_1" spellcheck="false" style="width: 100%;height: 90px;"></xf:textarea>
					</xf:group>
				</xf:group>
				<xf:group id="" style="" class="example_div_tr_style">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="데이터 일치 여부 설정 비교하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam2_1_onclick"
								id="btn_exam2_1" style="" type="button">
								<xf:label><![CDATA[컬럼 '분류'의 값이 '에세이'와 일치하는 데이터 받기 - JSON 형식]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam2_2_onclick"
								id="btn_exam2_2" style="" type="button">
								<xf:label><![CDATA[컬럼 '분류'의 값에 '에세이'가 포함된 데이터 받기 - JSON 형식]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<w2:span class="mr_def txt_bold" id="" label="로그 확인" style=""></w2:span>
							<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="" style=""
								title="로그 삭제" type="button" userData1="txa_log_2">
								<xf:label><![CDATA[검색 취소]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:textarea class="com_example_txa_log" id="txa_log_2" spellcheck="false" style="width: 100%;height: 90px;"></xf:textarea>
					</xf:group>
				</xf:group>
				<xf:group id="" style="" class="example_div_tr_style">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="검색할 행의 범위 설정 비교하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" id="btn_exam3_1" style="" type="button" ev:onclick="scwin.btn_exam3_1_onclick">
								<xf:label><![CDATA[전체 행을 대상으로 컬럼 '분류'의 값이 '시/에세이'와 일치하는 데이터 받기 - JSON 형식]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" id="btn_exam3_2" style="" type="button" ev:onclick="scwin.btn_exam3_2_onclick">
								<xf:label><![CDATA[0~2번째 행을 대상으로 컬럼 '분류'의 값이 '시/에세이'와 일치하는 데이터 받기 - JSON 형식]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<w2:span class="mr_def txt_bold" id="" label="로그 확인" style=""></w2:span>
							<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="" style=""
								title="로그 삭제" type="button" userData1="txa_log_3">
								<xf:label><![CDATA[검색 취소]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:textarea class="com_example_txa_log" id="txa_log_3" spellcheck="false" style="width: 100%;height: 90px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230323" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_dataList1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="Code" name="name1" dataType="text"></w2:column>
						<w2:column id="City" name="name2" dataType="text"></w2:column>
						<w2:column id="Country" name="name3" dataType="text"></w2:column>
						<w2:column id="Type" name="name4" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='enableColum 및 enableColumnFalseValue 속성을 사용하여 선택 목록의 특정 항목을 비활성화하는 예제입니다.

이 기능은 아래의 속성으로 사용할 수 있습니다.
- enableColumn : 선택 항목 목록에서 특정 항목을 disable 처리하는 기능.
- enableColumnFalseValue : enableColumn 사용 시 목록에서 특정 항목을 감추기 위한 조건에 해당하는 값.'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="특정 항목 비활성화 적용 전" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='SelectBox컴포넌트에 선택 목록이 비활성화 없이 표시된 것을 확인한다.' style=""
							displayFormat="">
						</w2:textbox>
						<xf:select1 id="sbx_exam1" chooseOption="" style="width: 148px;height: 21px;" submenuSize="auto" allOption=""
							disabled="false" direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" ref="">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="name"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="특정 항목 비활성화 적용 후" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='SelectBox컴포넌트에 선택 목록이 비활성화 없이 표시된 것을 확인한다.' style=""
							displayFormat="">
						</w2:textbox>
						<xf:select1 id="sbx_exam2" chooseOption="" style="width: 148px;height: 21px;" submenuSize="auto" allOption=""
							disabled="false" direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" ref="" enableColumn="Type"
							enableColumnFalseValue="Domestic">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="name"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230307" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_dataList1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="City" name="name1" dataType="text"></w2:column>
						<w2:column id="Code" name="name2" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<City><![CDATA[Seoul]]></City>
							<![CDATA[SE]]>
						</w2:row>
						<w2:row>
							<City><![CDATA[Paris]]></City>
							<![CDATA[PA]]>
						</w2:row>
						<w2:row>
							<City><![CDATA[London]]></City>
							<![CDATA[LN]]>
						</w2:row>
						<w2:row>
							<City><![CDATA[Beijing]]></City>
							<![CDATA[BJ]]>
						</w2:row>
						<w2:row>
							<City><![CDATA[Tokyo]]></City>
							<![CDATA[TK]]>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='WebSquare스튜디오 내부에서 DataList 작성법과 Radio컴포넌트에 DataList를 연결하여 선택 항목을 설정하는 예제입니다.<br/><br/>이 기능은 아래의 속성과 함수로 사용할 수 있습니다.<br/>- appearance : (속성)선택항목 표현방식<br/>- setNodeSet : (함수)Radio컴포넌트에 DataList 바인딩<br/>- addItem : (함수)선택 항목을 추가. index를 지정하지 않으면 하위로 추가됨.'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="Radio컴포넌트에 DataList 연결하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='Radio컴포넌트에 만들어 둔 DataList가 연결된 것을 확인한다.' style=""
							displayFormat="">
						</w2:textbox>
						<w2:textbox class="txt_info_important" escape="false" id=""
							label="※ WebSquare스튜디오 조작으로 DataList생성 및 Radio컴포넌트와 DataList의 연결하는 법은 가이드를 같이 참고해주시기를 바랍니다." style="margin-bottom: 10px;">
						</w2:textbox>
						<xf:select1 id="rad_exam1" selectedIndex="-1" appearance="full" style="width: 200px;height:125px;" cols="" rows=""
							ref="">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="City"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="setNodeSet 함수를 이용한 DataList와 Radio컴포넌트 연결하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='아래의 버튼을 눌러 준비해둔 DataList를 Radio컴포넌트에 연결합니다.'
							style="" displayFormat="">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" localeRef=""
								style="min-width: 30px;height: 26px;" type="" useDefaultLabel="true">
								<xf:label><![CDATA[DataList를 Radio컴포넌트에 연결하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:select1 appearance="full" id="rad_exam2" selectedIndex="-1" style="width: 200px;height:125px;"></xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="하드코딩으로 연결하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='소스에 정보를 추가하여 연결할 수 있습니다.' style=""
							displayFormat="">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
						</xf:group>
						<xf:select1 appearance="full" id="rad_exam3" selectedIndex="-1" style="width: 200px;height:125px;">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="City"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="addItem 함수를 이용한 목록 추가하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="아래의 버튼을 클릭 시 Radio컴포넌트 표시항목에 'NewYork'이 추가됩니다."
							style="" displayFormat="">
						</w2:textbox>
						<xf:group id="" style="margin: 10px 0px 10px 0px;">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" localeRef=""
								style="min-width: 30px;height: 26px;" type="" useDefaultLabel="true">
								<xf:label><![CDATA[목록 추가하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:select1 appearance="full" id="rad_exam4" selectedIndex="-1" style="width: 200px;height:125px;">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="City"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
				</xf:group>
			</xf:group>
		</xf:group>


<?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:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230216" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script type="text/javascript" lazy="false"><![CDATA[

scwin.onpageload = function () {

};

]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<w2:textbox id="" label="P00224S01.xml" style="color: dodgerblue;font-size: 2em;font-weight: bold;"></w2:textbox>
		</xf:group>
	</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220930" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_exam_code" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="label" name="label" dataType="text"></w2:column>
						<w2:column id="code" name="code" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_exam_1" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="select" name="select"></w2:column>
						<w2:column dataType="text" id="checkcombobox" name="checkcombobox"></w2:column>
						<w2:column id="autoComplete" name="autoComplete" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_exam_2" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="select" name="select"></w2:column>
						<w2:column dataType="text" id="checkcombobox" name="checkcombobox"></w2:column>
						<w2:column id="autoComplete" name="autoComplete" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='GridView의 바디 컬럼의 inputType이 목록(콤보)형인 경우 정렬할 데이터의 출처를 설정하는 예제입니다.
정렬할 데이터의 출처의 기본 설정값은 value입니다. 설정을 통해 label로 지정할 수 있습니다.
적용 가능한 inputType은 select, checkcombobox, autoComplete입니다.'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="기본 설정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="목록에 연결된 value 데이터를 기반으로 정렬됩니다." style="">
						</w2:textbox>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_exam_1" defaultCellHeight="24"
							id="" style="height:80px;" visibleRowNum="4" visibleRowNumFix="true" sortEvent="onclick" sortable="true" showSortableImage="true">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column3" inputType="text" value="select" width="68"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="checkcombobox" width="100"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" value="autoComplete" width="90"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="select" inputType="select" viewType="icon" width="68">
										<w2:choices>
											<w2:itemset nodeset="data:dlt_exam_code">
												<w2:label ref="label"></w2:label>
												<w2:value ref="code"></w2:value>
											</w2:itemset>
										</w2:choices>
									</w2:column>
									<w2:column displayMode="label" id="checkcombobox" inputType="checkcombobox" viewType="icon" width="100">
										<w2:choices>
											<w2:itemset nodeset="data:dlt_exam_code">
												<w2:label ref="label"></w2:label>
												<w2:value ref="code"></w2:value>
											</w2:itemset>
										</w2:choices>
									</w2:column>
									<w2:column displayMode="label" id="autoComplete" inputType="autoComplete" viewType="icon" width="90">
										<w2:choices>
											<w2:itemset nodeset="data:dlt_exam_code">
												<w2:label ref="label"></w2:label>
												<w2:value ref="code"></w2:value>
											</w2:itemset>
										</w2:choices>
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="정렬 데이터의 출처를 목록의 label로 지정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="목록에 연결된 label 데이터를 기반으로 정렬됩니다." style="">
						</w2:textbox>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_exam_2" defaultCellHeight="24"
							id="" style="height:80px;" visibleRowNum="4" visibleRowNumFix="true" showSortableImage="true" sortEvent="onclick" sortable="true">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column3" inputType="text" value="select" width="68"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="checkcombobox" width="100"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" value="autoComplete" width="90"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="select" inputType="select" viewType="icon" width="68" sortLabel="true">
										<w2:choices>
											<w2:itemset nodeset="data:dlt_exam_code">
												<w2:label ref="label"></w2:label>
												<w2:value ref="code"></w2:value>
											</w2:itemset>
										</w2:choices>
									</w2:column>
									<w2:column displayMode="label" id="checkcombobox" inputType="checkcombobox" viewType="icon" width="100" sortLabel="true">
										<w2:choices>
											<w2:itemset nodeset="data:dlt_exam_code">
												<w2:label ref="label"></w2:label>
												<w2:value ref="code"></w2:value>
											</w2:itemset>
										</w2:choices>
									</w2:column>
									<w2:column displayMode="label" id="autoComplete" inputType="autoComplete" viewType="icon" width="90" sortLabel="true">
										<w2:choices>
											<w2:itemset nodeset="data:dlt_exam_code">
												<w2:label ref="label"></w2:label>
												<w2:value ref="code"></w2:value>
											</w2:itemset>
										</w2:choices>
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="[참고 정보] 목록 데이터" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label='GridView에 연결된 목록형 inputType에 연결된 DataList "dlt_exam_code"의 데이터입니다.' style=""></w2:textbox>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_exam_code" defaultCellHeight="24"
							id="" style="height:80px;" visibleRowNum="all" visibleRowNumFix="true" readOnly="true">
							<w2:caption style="" id="caption1" value="this is a grid caption."></w2:caption>
							<w2:header style="" id="header1">
								<w2:row style="" id="row1">
									<w2:column width="80" inputType="text" id="column2" value="label" displayMode="label"></w2:column>
									<w2:column width="80" inputType="text" id="column1" value="code" displayMode="label"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody style="" id="gBody1">
								<w2:row style="" id="row2">
									<w2:column width="80" inputType="text" id="label" displayMode="label"></w2:column>
									<w2:column width="80" inputType="text" id="code" displayMode="label"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


<?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 meta_screenName="[InputCalendar] 캘린더의 요일을 이미지 또는 텍스트로 표시하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20221014" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {
    scwin.setInitPage();
};

/**
 * 화면 초기화
 */
scwin.setInitPage = function () {
    var strDate;

    //서버에서 오늘 날짜 반환 받기.
    strDate = $p.getCurrentServerDate("yyyyMMdd");

    //inputCalendar에 오늘 날짜 할당.
    ica_exam_1.setValue(strDate);
    ica_exam_2.setValue(strDate);
};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id="" label='캘린더의 요일 영역을 브라우저에 표현하는 방법의 설정 예제입니다. <br/>설정을 통해 이미지 또는 문자열로 표현할 수 있습니다.'
					style="margin-bottom: 10px;">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="[기본 설정] 캘린더의 요일을 이미지로 출력" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" id="ica_exam_1" rightAlign="false"
							style="width:100px;min-height: 24px;" renderDiv="true">
						</w2:inputCalendar>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="캘린더의 요일을 문자열로 출력" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" id="ica_exam_2" rightAlign="false"
							style="width:100px;min-height: 24px;" displayDayType="text" renderDiv="true">
						</w2:inputCalendar>
					</xf:group>
				</xf:group>

			</xf:group>
		</xf:group>
	</body>
</html>


<?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:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220729" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

/**
 * wFramePopup 실행 - $p.openPopup
 * 버튼 [frameModal : "frame"] 클릭 시
 */
scwin.btn_ex1_1_onclick = function (e) {
    var jsnOptions = {
        id: "popup_exam1",
        type: "wframePopup",
        width: "200px",
        height: "150px",
        top: "0px",
        left: "0px",
        popupName: "frameModal - frame",
        modal: "true",
        frameModal: "frame" //[default: ""] modal을 표시해줄 frame(wframe, tabControl, windowContainer)을 지정. "top", "parent", "frame", frame id
    };

    $p.openPopup("/page/P00056P01.xml", jsnOptions);
};

/**
 * wFramePopup 실행 - $p.openPopup
 * 버튼 [frameModal : "parent"] 클릭 시
 */
scwin.btn_ex1_2_onclick = function (e) {
    var jsnOptions = {
        id: "popup_exam2",
        type: "wframePopup",
        width: "200px",
        height: "150px",
        top: "0px",
        left: "0px",
        popupName: "frameModal - parent",
        modal: "true",
        frameModal: "parent" //[default: ""] modal을 표시해줄 frame(wframe, tabControl, windowContainer)을 지정. "top", "parent", "frame", frame id
    };

    $p.openPopup("/page/P00056P01.xml", jsnOptions);
};

/**
 * wFramePopup 실행 - $p.openPopup
 * 버튼 [frameModal : "top"] 클릭 시
 */
scwin.btn_ex1_3_onclick = function (e) {
    var jsnOptions = {
        id: "popup_exam3",
        type: "wframePopup",
        width: "200px",
        height: "150px",
        top: "0px",
        left: "0px",
        popupName: "frameModal - top",
        modal: "true",
        frameModal: "top" //[default: ""] modal을 표시해줄 frame(wframe, tabControl, windowContainer)을 지정. "top", "parent", "frame", frame id
    };

    $p.openPopup("/page/P00056P01.xml", jsnOptions);
};

/**
 * wFramePopup 실행 - $p.openPopup
 * 버튼 [frameModal : [Frame ID]] 클릭 시
 */
scwin.btn_ex1_4_onclick = function (e) {
    var strFrameID;
    var jsnOptions;

    //컨텐츠 영역(P00056.xml)의 ID - 자식의 화면에서 부모의 Frame ID를 획득하기 위해서는 아래와 같이 상대적인 방법으로 접근해야 합니다.
    strFrameID = $p.getFrame().getParentFrame().getParentFrame().getParentFrame().id

    jsnOptions = {
        id: "popup_exam4",
        type: "wframePopup",
        width: "200px",
        height: "150px",
        top: "0px",
        left: "0px",
        popupName: "frameModal - frameID",
        modal: "true",
        frameModal: strFrameID //[default: ""] modal을 표시해줄 frame(wframe, tabControl, windowContainer)을 지정. "top", "parent", "frame", frame id
    };

    $p.openPopup("/page/P00056P01.xml", jsnOptions);
};]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="" id="" style="padding: 3px; border: 3px solid Gold; min-height: 250px;">
			<w2:textbox id="" label="이곳은 WFrame 영역입니다. - P00056S03.xml" style="line-height: 2.6em;"></w2:textbox>
			<xf:group id="" class="p10">
				<xf:group style="" id="" class="titbox">
					<w2:textbox tagname="h3" style="" id="" label="wFramePopup 실행 - $p.openPopup" class=""></w2:textbox>
				</xf:group>
				<xf:group style="" id="" class="titbox">
					<xf:trigger disabled="" style="" id="btn_ex1_1" type="button" class="btn_exam_exec" escape="false"
						ev:onclick="scwin.btn_ex1_1_onclick">
						<xf:label><![CDATA[frameModal : "frame"]]></xf:label>
					</xf:trigger>
					<xf:trigger disabled="" style="" id="btn_ex1_2" type="button" class="btn_exam_exec" escape="false"
						ev:onclick="scwin.btn_ex1_2_onclick">
						<xf:label><![CDATA[frameModal : "parent"]]></xf:label>
					</xf:trigger>
					<xf:trigger disabled="" style="" id="btn_ex1_3" type="button" class="btn_exam_exec" escape="false"
						ev:onclick="scwin.btn_ex1_3_onclick">
						<xf:label><![CDATA[frameModal : "top"]]></xf:label>
					</xf:trigger>
					<xf:trigger disabled="" style="" id="btn_ex1_4" type="button" class="btn_exam_exec" escape="false"
						ev:onclick="scwin.btn_ex1_4_onclick">
						<xf:label><![CDATA[frameModal : [Frame ID]]]></xf:label>
					</xf:trigger>
				</xf:group>
			</xf:group>
		</xf:group>
	</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220916" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='속성 "windowMoveType" 설정의 예제입니다.
속성 "windowMoveType"은 마우스 Drag&Drop을 통해 이동된 윈도우의 좌표가 WindowContainer의 영역의 밖인 경우 동작합니다.
설정에 따라 윈도우의 위치를 영역 안쪽으로 위치 시키거나 마우스 포인터의 좌표에 따라 윈도우를 위치 시킬지를 결정할 수 있습니다.'
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 마우스 사용이 가능한 환경에서 정상 동작합니다." style=""></w2:textbox>
			</xf:group>
			<xf:group id="" style="" class=""></xf:group>
			<xf:group class="example_div_tb_style_wrap mw600" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='[기본설정] windowMoveType="restrict"' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="윈도우 드래그 시 윈도우가 영역 밖으로 나가지 않도록 영역 안쪽으로만 위치됩니다."
							style="">
						</w2:textbox>
						<w2:windowContainer controlIconPosition="left" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
							horizontalArrangeNum="2" id="wdc_exam1" nameLayerRearrange="false" sequentialArrangeColNum="2" sequentialArrangeRowNum="2"
							spaInitCount="0" stopMinimizeOnNameLayer="false" stopToggleOnLast="false" style="position: relative;height: 340px;"
							toolbarPosition="bottom" tooltipDisplay="true" tooltipGroupClass="false" useCloseButton="false" useControlIconTitle="false"
							useCustomMsg="false" useFixButton="false" useNameContainer="false" useStatusMsg="false" verticalArrangeNum="2"
							windowAutoResize="false" windowMaxNum="5" windowMaximizeAll="false" windowTooltipDisplay="true">
							<w2:windowToolbar>
								<w2:controlIconLayer>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
								</w2:controlIconLayer>
								<w2:nameLayer></w2:nameLayer>
								<w2:selectedNameLayer></w2:selectedNameLayer>
							</w2:windowToolbar>
						</w2:windowContainer>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='windowMoveType="overflow"' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="윈도우 드래그 시 마우스 포인터의 위치를 기반으로 윈도우가 위치됩니다." style="">
						</w2:textbox>
						<w2:windowContainer controlIconPosition="left" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
							horizontalArrangeNum="2" id="wdc_exam2" nameLayerRearrange="false" sequentialArrangeColNum="2" sequentialArrangeRowNum="2"
							spaInitCount="0" stopMinimizeOnNameLayer="false" stopToggleOnLast="false" style="position: relative;height: 340px;"
							toolbarPosition="bottom" tooltipDisplay="true" tooltipGroupClass="false" useCloseButton="false" useControlIconTitle="false"
							useCustomMsg="false" useFixButton="false" useNameContainer="false" useStatusMsg="false" verticalArrangeNum="2"
							windowAutoResize="false" windowMaxNum="5" windowMaximizeAll="false" windowTooltipDisplay="true" windowMoveType="overflow">
							<w2:windowToolbar>
								<w2:controlIconLayer>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
								</w2:controlIconLayer>
								<w2:nameLayer></w2:nameLayer>
								<w2:selectedNameLayer></w2:selectedNameLayer>
							</w2:windowToolbar>
						</w2:windowContainer>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220930" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_books" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="book_name" name="도서명"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='GridView의 엑셀 업로드 옵션 중 "trim" 설정의 예제입니다.
옵션 "trim"은 업로드할 엑셀 파일의 셀 데이터에 trim(앞뒤 공백 제거)을 적용하는 기능을 제공합니다.
[엑셀 업로드 파일 다운로드] 버튼을 클릭하여 미리 생성된 엑셀 양식으로 업로드 테스트를 진행하는 것을 권장합니다.'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" style="" class="example_div_tb_style_wrap">
				<xf:group class="mb_def_box nobottom" id="" style="">
					<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" localeRef=""
						style="min-width: 30px; height: 26px;" type="" useDefaultLabel="true">
						<xf:label><![CDATA[엑셀 업로드 파일 다운로드]]></xf:label>
					</xf:trigger>
				</xf:group>
				<xf:group class="mb_def_box nobottom" id="" style="">
					<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" localeRef=""
						style="min-width: 30px; height: 26px;" type="" useDefaultLabel="true">
						<xf:label><![CDATA[엑셀 업로드 - 기본]]></xf:label>
					</xf:trigger>
					<xf:trigger class="btn_exam_exec btn_txt_of" id="btn_ex3" localeRef="" style="min-width: 30px; height: 26px;" type=""
						useDefaultLabel="true" ev:onclick="scwin.btn_ex3_onclick">
						<xf:label><![CDATA[엑셀 업로드 - trim 적용]]></xf:label>
					</xf:trigger>
				</xf:group>
				<w2:gridView autoFit="allColumn" class="gvw" dataList="data:dlt_books" defaultCellHeight="24" id="grd_exam1"
					rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true" autoFitMinWidth="250">
					<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
					<w2:header id="header1" style="">
						<w2:row id="row1" style="">
							<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="150"></w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody id="gBody1" style="">
						<w2:row id="row2" style="">
							<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" width="150"></w2:column>
						</w2:row>
					</w2:gBody>
				</w2:gridView>
			</xf:group>
		</xf:group>


<?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:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220729" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="" id="" style="padding: 3px; border: 3px solid LightSalmon;">
			<w2:textbox id="" label="이곳은 WFrame 영역입니다. - P00056S02.xml" style="line-height: 2.6em;"></w2:textbox>
			<w2:wframe id="wfm_depth3" src="/page/P00056S03.xml" style="" frameModal="true"></w2:wframe>
		</xf:group>
	</body>
</html>


<?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 meta_screenName="[InputCalendar] 입력, 출력 서식 지정하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20221014" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

scwin.btn_ex1_1_onclick = function (e) {
    ica_exam_1.setValue('20220815');
};

scwin.btn_ex1_2_onclick = function (e) {
    ica_exam_2.setValue('08152022');
};

scwin.btn_ex1_3_onclick = function (e) {
    ica_exam_3.setValue('20220815');
};

scwin.btn_ex1_4_onclick = function (e) {
    ica_exam_4.setValue('08152022');
};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='지정된 입출력 서식에 따라 value로 할당된 값이 표현된 것을 비교합니다.<br/>입력 서식은 속성 ioFormat, 출력 서식은 속성 displayFormat, calendarDisplayFormat을 사용합니다.'
					style="margin-bottom: 10px;"></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="[기본 설정] 입력 서식 : 연월일 / 출력 서식 : 연-월-일" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" id="ica_exam_1" rightAlign="false"
							style="width:100px;min-height: 24px;" renderDiv="true" class="mr_def">
						</w2:inputCalendar>
						<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex1_1_onclick" id="btn_ex1_1" style=""
							type="button">
							<xf:label><![CDATA[setValue( '20220815' )]]></xf:label>
						</xf:trigger>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="입력 서식 : 월일연 / 출력 서식 : 월-일-연" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" id="ica_exam_2" renderDiv="true"
							rightAlign="false" style="width:100px;min-height: 24px;" ioFormat="MMddyyyy" displayFormat="MM-dd-yyyy" class="mr_def"
							calendarDisplayFormat="MM-dd-yyyy">
						</w2:inputCalendar>
						<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex1_2_onclick" id="btn_ex1_2" style=""
							type="button">
							<xf:label><![CDATA[setValue( '08152022' )]]></xf:label>
						</xf:trigger>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="입력 서식 : 연월일 / 출력 서식 : 월-일-연" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" displayFormat="MM-dd-yyyy" focusOnDateSelect="false"
							id="ica_exam_3" ioFormat="yyyyMMdd" renderDiv="true" rightAlign="false" style="width:100px;min-height: 24px;" class="mr_def"
							calendarDisplayFormat="MM-dd-yyyy">
						</w2:inputCalendar>
						<xf:trigger class="btn_exam_exec" disabled="" escape="false" id="btn_ex1_3" style="" type="button"
							ev:onclick="scwin.btn_ex1_3_onclick">
							<xf:label><![CDATA[setValue( '20220815' )]]></xf:label>
						</xf:trigger>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="입력 서식 : 월일연 / 출력 서식 : 연-월-일" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" class="mr_def" displayFormat="yyyy-MM-dd"
							focusOnDateSelect="false" id="ica_exam_4" ioFormat="MMddyyyy" renderDiv="true" rightAlign="false"
							style="width:100px;min-height: 24px;" calendarDisplayFormat="yyyy-MM-dd">
						</w2:inputCalendar>
						<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex1_4_onclick" id="btn_ex1_4" style=""
							type="button">
							<xf:label><![CDATA[setValue( '08152022' )]]></xf:label>
						</xf:trigger>
					</xf:group>
				</xf:group>

			</xf:group>
		</xf:group>
	</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220930" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="Group의 이벤트 onmouseleave 예제입니다.
이벤트 발생 조건은 아래와 같습니다.
onmouseleave : 마우스 포인터가 영역 밖으로 나갈 때 발생." style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="Group" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="아래의 Group 영역으로 마우스를 이동했다가 영역 밖으로 마우스를 이동합니다.
이벤트 로그가 [로그 확인] 영역과 개발자 도구 콘솔에 출력됩니다." style="">
						</w2:textbox>
						<xf:group id="grp_exam1" style="height: 120px;background-color: LemonChiffon;" ev:onmouseleave="scwin.grp_exam1_onmouseleave">
							<w2:textbox id="" label="Group 영역" style="text-align: center;font-size: 2em;padding-top: 30px;"></w2:textbox>
						</xf:group>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_th_style" id="" style="">
						<w2:span class="mr_def txt_blue" id="" label="로그 확인" style=""></w2:span>
						<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
							title="로그 삭제" type="button">
							<xf:label><![CDATA[검색 취소]]></xf:label>
						</xf:trigger>
					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230315" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_books" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="category1" name="대분류"></w2:column>
						<w2:column dataType="text" id="title" name="도서명"></w2:column>
						<w2:column dataType="text" id="row3_1" name="상반기"></w2:column>
						<w2:column dataType="text" id="row3_2" name="하반기"></w2:column>
					</w2:columnInfo>
					<w2:data use="true" xmlns="">
						<w2:row>
							<category1><![CDATA[소설]]></category1>
							<row3_1><![CDATA[200]]></row3_1>
							<row3_2><![CDATA[300]]></row3_2>
							<title><![CDATA[칼의 노래]]></title>
						</w2:row>
						<w2:row>
							<category1><![CDATA[소설]]></category1>
							<row3_1><![CDATA[300]]></row3_1>
							<row3_2><![CDATA[200]]></row3_2>
							<title><![CDATA[태백산맥]]></title>
						</w2:row>
						<w2:row>
							<category1><![CDATA[소설]]></category1>
							<row3_1><![CDATA[400]]></row3_1>
							<row3_2><![CDATA[200]]></row3_2>
							<title><![CDATA[달과 6펜스]]></title>
						</w2:row>
						<w2:row>
							<category1><![CDATA[역사/문화]]></category1>
							<row3_1><![CDATA[600]]></row3_1>
							<row3_2><![CDATA[300]]></row3_2>
							<title><![CDATA[조선왕조실록]]></title>
						</w2:row>
						<w2:row>
							<category1><![CDATA[역사/문화]]></category1>
							<row3_1><![CDATA[1200]]></row3_1>
							<row3_2><![CDATA[900]]></row3_2>
							<title><![CDATA[난중일기]]></title>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents">
			<xf:group class="ws_example_grp_desc">
				<w2:textbox class="" escape="false"
					label="GridView의 엑셀 다운로드(함수 'advancedExcelDownload') 옵션 중 공통으로 스타일을 적용할 수 있는 옵션 설정의 예제입니다.
스타일을 지정할 수 있는 옵션은 아래와 같습니다."
					style="">
				</w2:textbox>
				<w2:textbox class="" escape="false" id=""
					label="- rowHeight : [default: 없음] Excel 파일로 다운로드 할 때 엑셀의 셀 높이. (단위: pixel)
- displayGridlines : [default: true, false] Excel 파일 전체 셀의 눈금선 제거 유무"
					style="margin-bottom: 6px;">
				</w2:textbox>
				<w2:textbox class="" escape="false" label="다운로드된 엑셀 파일의 행 높이, 눈금선 유무를 비교합니다." style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap">
				<xf:group class="mb_def_box nobottom">
					<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" localeRef=""
						style="min-width: 30px; height: 26px;" type="" useDefaultLabel="true">
						<xf:label><![CDATA[엑셀 다운로드 - 기본]]></xf:label>
					</xf:trigger>
					<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" localeRef=""
						style="min-width:30px;height:26px;" type="" useDefaultLabel="true">
						<xf:label><![CDATA[엑셀 다운로드 - 공통 스타일 적용]]></xf:label>
					</xf:trigger>
				</xf:group>
				<w2:gridView autoFitMinWidth="266" baseNode="" class="gvw" dataList="data:dlt_books" defaultCellHeight="26"
					focusMode="row" id="grd_exam1" readOnly="true" style="height:200px;" visibleRowNum="all" autoFit="allColumn">
					<w2:header id="header5" style="">
						<w2:row id="row35" style="">
							<w2:column blockSelect="false" displayMode="label" hidden="false" id="column572" inputType="text" value="분류" width="68">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="column575" inputType="text" value="도서명" width="90"></w2:column>
							<w2:column id="column468" inputType="text" value="상반기" width="54"></w2:column>
							<w2:column id="column467" inputType="text" value="하반기" width="54"></w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody id="gBody5" style="">
						<w2:row id="row37" style="">
							<w2:column blockSelect="false" colMerge="true" displayMode="label" hidden="false" id="category1" inputType="text"
								width="68">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="title" inputType="text" textAlign="left" width="90"></w2:column>
							<w2:column dataType="number" displayFormat="#,###" id="row3_1" inputType="text" textAlign="right" width="54"></w2:column>
							<w2:column dataType="number" displayFormat="#,###" id="row3_2" inputType="text" textAlign="right" width="54"></w2:column>
						</w2:row>
					</w2:gBody>
					<w2:subTotal id="subTotal1" style="" targetColumnID="category1">
						<w2:row id="row42" style="">
							<w2:column blockSelect="false" displayMode="label" id="column577" inputType="text" style="height:30px;" value="소계"
								width="68">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" expression="targetColValue() + ' - ' +count('row_total') + '건'"
								id="column596" inputType="expression" style="height:30px;" textAlign="left" width="90">
							</w2:column>
							<w2:column blockSelect="false" dataType="number" displayFormat="#,###" displayMode="label" expression="sum('row3_1')"
								id="sub_col_1" inputType="expression" style="height:30px;" textAlign="right" width="54">
							</w2:column>
							<w2:column blockSelect="false" dataType="number" displayFormat="#,###" displayMode="label" expression="sum('row3_2')"
								id="sub_col_2" inputType="expression" style="height:30px;" textAlign="right" width="54">
							</w2:column>
						</w2:row>
					</w2:subTotal>
					<w2:footer id="footer1" style="">
						<w2:row id="row41" style="">
							<w2:column blockSelect="false" displayMode="label" id="column580" inputType="text" style="height:40px;" value="합계"
								width="68">
							</w2:column>
							<w2:column expression="'총 합계 - '+count('row_total') +'건'" id="column597" inputType="expression" style="height:40px;"
								textAlign="left" width="90">
							</w2:column>
							<w2:column dataType="number" displayFormat="#,###" expression="sum('row3_1')" id="column526" inputType="expression"
								style="height:40px;" textAlign="right" width="54">
							</w2:column>
							<w2:column blockSelect="false" dataType="number" displayFormat="#,###" displayMode="label" expression="sum('row3_2')"
								id="column584" inputType="expression" style="height:40px;" textAlign="right" width="54">
							</w2:column>
						</w2:row>
					</w2:footer>
				</w2:gridView>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230412" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_dataList1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="Code" name="name1" dataType="text"></w2:column>
						<w2:column id="City" name="name2" dataType="text"></w2:column>
						<w2:column id="Country" name="name3" dataType="text"></w2:column>
						<w2:column id="Type" name="name4" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='SelectBox 컴포넌트의 선택 목록 위에서 마우스 스크롤링 시 선택 목록 이 스크롤되는 것을 방지하는 예제입니다.

이 기능은 아래의 속성으로 사용할 수 있습니다.
- tooltipDisplay : 사용자가 선택한 값에 대한 툴팁 표시 여부.
- itemTooltipDisplay : 아이템 목록에 대한 툴팁 표시 여부.'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="선택 항목 툴팁 표시하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='SelectBox컴포넌트의 선택 항목 위에 툴팁이 표시된 것을 확인합니다.' style=""
							displayFormat="">
						</w2:textbox>
						<xf:select1 id="sbx_exam1" chooseOption="" style="width: 148px;height: 21px;" submenuSize="auto" allOption=""
							disabled="false" direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" ref="" tooltipDisplay="true">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="name"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="목록 위에 툴팁이 표시하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='SelectBox컴포넌트의 목록 위에 툴팁이 표시된 것을 확인합니다.' style=""
							displayFormat="">
						</w2:textbox>
						<xf:select1 id="sbx_exam2" chooseOption="" style="width: 148px;height: 21px;" submenuSize="auto" allOption=""
							disabled="false" direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" ref="" itemTooltipDisplay="true">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_dataList1">
									<xf:label ref="name"></xf:label>
									<xf:value ref="Code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230628" meta_user="InswaveSystems"></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_books_1" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
						<w2:column id="price" name="정가" dataType="text"></w2:column>
					<w2:column dataType="text" id="label" name="도서명"></w2:column></w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="DataList의 컬럼에 적용된 필터를 해제하는 예제입니다.
"
					style="">
				</w2:textbox>
				<w2:textbox escape="false" id=""
					label="필터를 해제하는 함수는 2가지가 있으며 다음과 같습니다.
- removeColumnFilter : 컬럼 단위로 필터를 해제합니다.
- clearFilter : 모든 필터를 해제합니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" id=""
					label="순서에 맞게 버튼을 클릭하여 GridView의 출력 결과를 확인합니다." style="" escape="false">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_td_style no_padding" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_cm" disabled="" escape="false" ev:onclick="scwin.btn_initData_onclick" id="btn_initData"
								style="" type="button">
								<xf:label><![CDATA[DataList의 데이터 초기화]]></xf:label>
							</xf:trigger>
						</xf:group>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="컬럼에 적용된 필터 해제하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.exam_setColumnFilter"
								id="" style="" type="button">
								<xf:label><![CDATA[1.1 필터 적용하기 - 컬럼 '도서명'의 값에 '인생'이 포함되고 컬럼 '분류'의 값이 '인문'과 일치]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_2_onclick"
								id="btn_exam1_2" style="" type="button">
								<xf:label><![CDATA[1.2 컬럼 '분류'의 필터 해제하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_3_onclick"
								id="btn_exam1_3" style="" type="button">
								<xf:label><![CDATA[1.3 컬럼 '도서명'의 필터 해제하기]]></xf:label>
							</xf:trigger>
						</xf:group>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="모든 컬럼에 적용된 필터 해제하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.exam_setColumnFilter"
								id="" style="" type="button">
								<xf:label><![CDATA[2.1 필터 적용하기 - 컬럼 '도서명'의 값에 '인생'이 포함되고 컬럼 '분류'의 값이 '인문'과 일치]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" id="btn_exam2_2" style="" type="button" ev:onclick="scwin.btn_exam2_2_onclick">
								<xf:label><![CDATA[2.2 모든 컬럼의 필터 해제하기]]></xf:label>
							</xf:trigger>
						</xf:group>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="결과 확인용 GridView" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="220" class="gvw" dataList="data:dlt_books_1"
							defaultCellHeight="24" id="" initFixedHeightByRowNum="4" readOnly="true" rowNumWidth="26" style="height:60px;" tooltipDisplay="true"
							visibleRowNum="4">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" value="분류" width="70"></w2:column>
									<w2:column displayMode="label" id="column4" inputType="text" value="정가" width="50"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="100"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="price" inputType="text" value="" width="50"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="100"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date=" 20230717" meta_user="InswaveSystems"></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="TabControl의 탭 정보를 반환하는 함수 'getTabInfo' 예시입니다.
각 탭의 정보를 JSON으로 구성하여 Array로 반환합니다." style=""></w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id=""
					label="버튼을 클릭하면 '로그 확인' 영역과 브라우저 개발자도구의 콘솔에 로그가 출력됩니다.
로그를 통해 반환되는 데이터를 확인할 수 있습니다." style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" style="" class=""></xf:group>
			<xf:group class="example_div_tb_style_wrap mw600" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_exam1_1_onclick" id="btn_exam1_1" style=""
								type="button">
								<xf:label><![CDATA[탭의 정보 반환받기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group id="" class="">
							<w2:tabControl confirmTrueAction="exist" confirmFalseAction="new" useTabKeyOnly="true" tabScroll=""
								useMoveNextTabFocus="false" useConfirmMessage="false" alwaysDraw="false" style="position: relative;height: 120px;" id="tac_exam1"
								class="">
								<w2:tabs disabled="false" style="width:70px;height:30px;" id="tabs1" label="TAB1"></w2:tabs>
								<w2:content alwaysDraw="false" style="min-height:30px;" id="content1">
									<w2:textbox style="font-size: 1.2em;padding: 6px;color: steelblue;font-weight: bold;" id="" label="TAB1 CONTENT">
									</w2:textbox>
								</w2:content>
							</w2:tabControl>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<w2:span class="mr_def txt_bold" id="" label="로그 확인" style=""></w2:span>
							<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="" style="" title="로그 삭제"
								type="button" userData1="txa_log_1">
								<xf:label><![CDATA[검색 취소]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:textarea class="com_example_txa_log" id="txa_log_1" spellcheck="false" style="width: 100%;height: 90px;"></xf:textarea>
					</xf:group>
				</xf:group>

			</xf:group>
		</xf:group>


<?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 meta_screenName="[AutoComplete] 목록에서 항목이 선택되었을 때의 이벤트 핸들러 등록하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220803" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

/**
 * acb_exam 컴포넌트의 이벤트 onselected 핸들러
 */
scwin.acb_exam_onselected = function (info) {
    var strLog;

    var _newSelectedIndex = info.newSelectedIndex;  //선택된 항목의 index
    var _newValue = info.newValue;  //선택된 값
    var _oldSelectedIndex = info.oldSelectedIndex;  //이전에 선택된 항목의 index
    var _oldValue = info.oldValue;  //이전 값

    //이벤트 확인용 로그 출력
    console.log("scwin.acb_exam_onselected >> ", info);

    $c.frame.printExampleLog("scwin.acb_exam_onselected", txa_log);
    $c.frame.printExampleLog("info : \n" + JSON.stringify(info, null, "\t"), txa_log, false);
    strLog = "info.newSelectedIndex : " + _newSelectedIndex + "\n";
    strLog += "info.newValue : " + _newValue + "\n";
    strLog += "info.oldSelectedIndex : " + _oldSelectedIndex + "\n";
    strLog += "info.oldValue : " + _oldValue;
    $c.frame.printExampleLog(strLog, txa_log, false);

    //로직 구성
};

/**
 * acb_exam 컴포넌트의 이벤트 onitemclick 핸들러
 */
scwin.acb_exam_onitemclick = function (index) {
    //이벤트 확인용 로그 출력
    console.log("scwin.acb_exam_onitemclick >> ", index);

    $c.frame.printExampleLog("scwin.acb_exam_onitemclick", txa_log);
    $c.frame.printExampleLog("index : " + index, txa_log, false);

    //로직 구성
};

/**
 * 로그 출력용 함수
 */
scwin.printLog = function (argStr) {
    var strLog;
    strLog = txa_log.getValue();
    txa_log.setValue(strLog + "\n" + argStr);

};

/**
 * textarea의 로그 삭제
 */
scwin.btn_clearLog_onclick = function (e) {
    //textarea value를 빈문자열로 할당.
    txa_log.setValue("");
};

]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id="" label='검색어 "b"를 입력 후 목록에서 항목을 클릭하거나 방향키를 이용하여 항목을 선택합니다.<br/>로그 확인 영역에 로그가 출력됩니다.'
					style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='AutoComplete' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:autoComplete editType="select" style="width: 150px;min-height:24px;" submenuSize="auto" id="acb_exam"
							nextTabByEnter="true" ev:onselected="scwin.acb_exam_onselected" ev:onitemclick="scwin.acb_exam_onitemclick">
							<w2:choices>
								<w2:item>
									<w2:label><![CDATA[]]>
									</w2:label>
									<w2:value><![CDATA[]]>
									</w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[apple]]></w2:label>
									<w2:value><![CDATA[01]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[grapes]]></w2:label>
									<w2:value><![CDATA[02]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[strawberry]]></w2:label>
									<w2:value><![CDATA[03]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[blueberry]]></w2:label>
									<w2:value><![CDATA[04]]></w2:value>
								</w2:item>
							</w2:choices>
						</w2:autoComplete>
					</xf:group>
				</xf:group>

			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group id="" class="example_div_th_style">
						<w2:span label="로그 확인" style="" id="" class="mr_def txt_blue"></w2:span>
						<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
							title="로그 삭제" type="button">
							<xf:label><![CDATA[검색 취소]]></xf:label>
						</xf:trigger>

					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>
	</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220522" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList id="dlt_list" baseNode="list" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="category" name="분류" dataType="text"></w2:column>
						<w2:column id="name" name="도서명" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<category><![CDATA[1]]></category>
							<name><![CDATA[12]]></name>
						</w2:row>
						<w2:row>
							<category><![CDATA[5]]></category>
							<name><![CDATA[54]]></name>
						</w2:row>
						<w2:row>
							<category><![CDATA[3]]></category>
							<name><![CDATA[36]]></name>
						</w2:row>
						<w2:row>
							<category><![CDATA[2]]></category>
							<name><![CDATA[21]]></name>
						</w2:row>
						<w2:row>
							<category><![CDATA[3]]></category>
							<name><![CDATA[34]]></name>
						</w2:row>
						<w2:row>
							<category><![CDATA[4]]></category>
							<name><![CDATA[44]]></name>
						</w2:row>
						<w2:row>
							<category><![CDATA[2]]></category>
							<name><![CDATA[23]]></name>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dlt_code" baseNode="list" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="label" name="화면에 출력될 값" dataType="text"></w2:column>
						<w2:column id="code" name="코드값" dataType="text"></w2:column>
						<w2:column id="upperCode" name="그룹 구분값" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<![CDATA[소설]]>
							<![CDATA[1]]>
							<upperCode><![CDATA[0]]>
							</upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[시/에세이]]>
							<![CDATA[2]]>
							<upperCode><![CDATA[0]]>
							</upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[인문]]>
							<![CDATA[3]]>
							<upperCode><![CDATA[0]]>
							</upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[자기계발]]>
							<![CDATA[4]]>
							<upperCode><![CDATA[0]]>
							</upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[역사/문화]]>
							<![CDATA[5]]>
							<upperCode><![CDATA[0]]>
							</upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[작별인사]]>
							<![CDATA[11]]>
							<upperCode><![CDATA[1]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[불편한 편의점]]>
							<![CDATA[12]]>
							<upperCode><![CDATA[1]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[저만치 혼자서]]>
							<![CDATA[13]]>
							<upperCode><![CDATA[1]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[책들의 부엌]]>
							<![CDATA[14]]>
							<upperCode><![CDATA[1]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[잘했고 잘하고 있고 잘 될 것이다]]>
							<![CDATA[21]]>
							<upperCode><![CDATA[2]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[기분을 관리하면 인생이 관리된다]]>
							<![CDATA[22]]>
							<upperCode><![CDATA[2]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[나로서 충분히 괜찮은 사람]]>
							<![CDATA[23]]>
							<upperCode><![CDATA[2]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[당신은 결국 무엇이든 해내는 사람]]>
							<![CDATA[24]]>
							<upperCode><![CDATA[2]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[25]]>
							<upperCode><![CDATA[2]]></upperCode>
							<![CDATA[너무 잘하려고 애쓰지 마라]]>
						</w2:row>
						<w2:row>
							<![CDATA[26]]>
							<upperCode><![CDATA[2]]></upperCode>
							<![CDATA[모든 사람에게 좋은 사람일 필요는 없어]]>
						</w2:row>
						<w2:row>
							<![CDATA[내가 틀릴 수도 있습니다]]>
							<![CDATA[31]]>
							<upperCode><![CDATA[3]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[마음의 법칙]]>
							<![CDATA[32]]>
							<upperCode><![CDATA[3]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[무엇이 옳은가]]>
							<![CDATA[33]]>
							<upperCode><![CDATA[3]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[공정하다는 착각]]>
							<![CDATA[34]]>
							<upperCode><![CDATA[3]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[나는 둔감하게 살기로 했다]]>
							<![CDATA[35]]>
							<upperCode><![CDATA[3]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[우리는 여전히 삶을 사랑하는가]]>
							<![CDATA[36]]>
							<upperCode><![CDATA[3]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[미움받을 용기]]>
							<![CDATA[37]]>
							<upperCode><![CDATA[3]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[원씽(The One Thing)]]>
							<![CDATA[41]]>
							<upperCode><![CDATA[4]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[마지막 몰입: 나를 넘어서는 힘]]>
							<![CDATA[42]]>
							<upperCode><![CDATA[4]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[멘탈을 바꿔야 인생이 바뀐다]]>
							<![CDATA[43]]>
							<upperCode><![CDATA[4]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[선을 넘지 않는 사람이 성공한다]]>
							<![CDATA[44]]>
							<upperCode><![CDATA[4]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[총 균 쇠]]>
							<![CDATA[51]]>
							<upperCode><![CDATA[5]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[거의 모든 전쟁의 역사]]>
							<![CDATA[52]]>
							<upperCode><![CDATA[5]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[문명의 붕괴(Collapse)]]>
							<![CDATA[53]]>
							<upperCode><![CDATA[5]]></upperCode>
						</w2:row>
						<w2:row>
							<![CDATA[나의 문화유산답사기]]>
							<![CDATA[54]]>
							<upperCode><![CDATA[5]]></upperCode>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:linkedDataList id="ldt_linkcode1" bind="dlt_code">
					<w2:condition type="filter"><![CDATA[upperCode == '0']]></w2:condition>
					<w2:condition type="sort"><![CDATA[]]>
					</w2:condition>
				</w2:linkedDataList>
				<w2:linkedDataList id="ldt_linkcode2" bind="dlt_code">
					<w2:condition type="filter"><![CDATA[upperCode == ref ( 'data:dlt_list.category')]]></w2:condition>
					<w2:condition type="sort"><![CDATA[]]>
					</w2:condition>
				</w2:linkedDataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group id="" class="gvwbox">
				<w2:gridView adaptiveThreshold="" rowNumVisible="true" useShiftKey="true" rowNumHeaderValue="No." scrollByColumn="false"
					fixedColumnWithHidden="true" rowNumWidth="30" dataList="dlt_list" ev:onviewchange="" style="min-height: 120px; max-width: 600px;"
					ev:onafteredit="scwin.grd_example_onafteredit" id="grd_example" visibleRowNum="all" class="gvw" defaultCellHeight="26"
					autoFit="lastColumn" autoFitMinWidth="280">
					<w2:header style="" id="header1">
						<w2:row style="" id="row2">
							<w2:column width="100" inputType="text" style="" id="column9" value="분류" blockSelect="false"></w2:column>
							<w2:column width="160" inputType="text" style="" id="column7" value="도서명" blockSelect="false"></w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody style="" id="gBody4">
						<w2:row style="" id="row5">
							<w2:column textAlign="center" viewType="icon" width="100" inputType="select" style="" id="category" class="tal"
								blockSelect="false">
								<w2:choices>
									<w2:itemset nodeset="data:ldt_linkcode1">
										<w2:label ref="label"></w2:label>
										<w2:value ref="code"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column textAlign="center" viewType="icon" width="160" inputType="select" style="" id="name" class="tal"
								blockSelect="false">
								<w2:choices>
									<w2:itemset nodeset="data:ldt_linkcode2">
										<w2:label ref="label"></w2:label>
										<w2:value ref="code"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
						</w2:row>
					</w2:gBody>
				</w2:gridView>
			</xf:group>
		</xf:group>


<?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 meta_screenName="현재 화면이 팝업인지 확인하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220729" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

/**
 * 버튼 [$p.openPopup() - browserPopup 실행] 클릭 시
 */
scwin.btn_ex1_onclick = function (e) {
    var opts = {
        "id": "p_P00055P01_browserPopup",
        "type": "browserPopup",
        "width": "450px",
        "height": "400px",
        "modal": false
    };

    //모바일에서의 크기,위치 조절을 위해 공통 함수 사용하였습니다. 기본 옵션은 최초 선언된 opts를 참고하시기 바랍니다.
    opts = $c.frame.getPopupPosition(opts);

    $p.openPopup("/page/P00055P01.xml", opts);
};

/**
 * 버튼 [$p.isPopup() 실행] 클릭 시
 */
scwin.btn_ex2_onclick = function (e) {
    var ispopup;
    var strResult;

    ispopup = $p.isPopup(); //예상 결과 : false

    strResult = "$p.isPopup();\n";
    strResult += "예상 결과 : false\n";
    strResult += "실행 결과 : " + ispopup;

    alert(strResult);
};

/**
 * 버튼 [$p.isPopup(true) 실행] 클릭 시
 */
scwin.btn_ex3_onclick = function (e) {
    var ispopup;
    var strResult;

    ispopup = $p.isPopup(true); //예상 결과 : false

    strResult = "$p.isPopup(true);\n";
    strResult += "예상 결과 : false\n";
    strResult += "실행 결과 : " + ispopup;

    alert(strResult);
};

/**
 * 버튼 [$p.openPopup() - wframePopup 실행] 클릭 시
 */
scwin.btn_ex4_onclick = function (e) {
    var opts = {
        "id": "p_P00055P01_wframePopup",
        "type": "wframePopup",
        "width": "450px",
        "height": "400px",
        "popupName": "WFrame PopUp",
        "modal": true
    };

    //모바일에서의 크기,위치 조절을 위해 공통 함수 사용하였습니다. 기본 옵션은 최초 선언된 opts를 참고하시기 바랍니다.
    opts = $c.frame.getPopupPosition(opts);

    $p.openPopup("/page/P00055P02.xml", opts);
};

/**
 * 버튼 [$p.isWFramePopup() 실행] 클릭 시
 */
scwin.btn_ex5_onclick = function (e) {
    var isWFramePopup;
    var strResult;

    isWFramePopup = $p.isWFramePopup(); //예상 결과 : false

    strResult = "$p.isWFramePopup();\n";
    strResult += "예상 결과 : false\n";
    strResult += "실행 결과 : " + isWFramePopup;

    alert(strResult);
};

/**
 * 버튼 [$p.isWFramePopup(true) 실행] 클릭 시
 */
scwin.btn_ex6_onclick = function (e) {
    var isWFramePopup;
    var strResult;

    isWFramePopup = $p.isWFramePopup(true); //예상 결과 : false

    strResult = "$p.isWFramePopup(true);\n";
    strResult += "예상 결과 : false\n";
    strResult += "실행 결과 : " + isWFramePopup;

    alert(strResult);
};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group id="" style="" class="titbox">
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" style=""
					type="button">
					<xf:label><![CDATA[$p.openPopup() - browserPopup 실행]]></xf:label>
				</xf:trigger>
			</xf:group>
			<xf:group class="titbox" id="" style="">
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex4_onclick" id="btn_ex4" style=""
					type="button">
					<xf:label><![CDATA[$p.openPopup() - wframePopup 실행]]></xf:label>
				</xf:trigger>
			</xf:group>
			<xf:group id="" style="" class="titbox">
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" style=""
					type="button">
					<xf:label><![CDATA[$p.isPopup() 실행]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex3_onclick" id="btn_ex3" style=""
					type="button">
					<xf:label><![CDATA[$p.isPopup(true) 실행]]></xf:label>
				</xf:trigger>
			</xf:group>
			<xf:group class="titbox" id="" style="">
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex5_onclick" id="btn_ex5" style=""
					type="button">
					<xf:label><![CDATA[$p.isWFramePopup() 실행]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex6_onclick" id="btn_ex6" style=""
					type="button">
					<xf:label><![CDATA[$p.isWFramePopup(true) 실행]]></xf:label>
				</xf:trigger>
			</xf:group>
		</xf:group>
	</body>
</html>


<?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 meta_screenName="[CheckCombobox] 항목 선택하기 - 키보드 입력">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220824" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_exam_code" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="label" name="label" dataType="text"></w2:column>
						<w2:column id="code" name="code" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {
    //DataList dlt_exam_code에 데이터 할당
    dlt_exam_code.setJSON([
        { "label": "Apple", "code": "01" },
        { "label": "Pear", "code": "02" },
        { "label": "Grapes", "code": "03" },
        { "label": "Watermelon", "code": "04" },
        { "label": "Peach", "code": "05" }
    ]);
};

]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id="" label="컴포넌트의 항목을 키보드 입력을 통해 선택하는 예제입니다." style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="CheckCombobox - 기본" style=""></w2:textbox>

					<xf:group class="example_div_td_style" id="" style="">
						<xf:checkcombobox id="" displayAllOptionLabel="false" chooseOption="" displayMode="label"
							style="width: 150px;min-height:24px;" submenuSize="auto" allOption="" disabled="false" direction="auto" appearance="minimal" ref="">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_exam_code">
									<xf:label ref="label"></xf:label>
									<xf:value ref="code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:checkcombobox>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='CheckCombobox<br/>키 입력 허용' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:checkcombobox appearance="minimal" direction="auto" disabled="false" displayAllOptionLabel="false"
							displayMode="label" style="width: 150px;min-height:24px;" submenuSize="auto" useEdit="true">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_exam_code">
									<xf:label ref="label"></xf:label>
									<xf:value ref="code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:checkcombobox>
					</xf:group>
				</xf:group>

			</xf:group>
		</xf:group>
	</body>
</html>