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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230418" 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="C_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="Airport" name="name4" dataType="text"></w2:column>
						<w2:column id="A_code" name="name5" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true"></w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_dataList2" 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:submission id="submission1" ref="" target="data:json,dlt_dataList1" action="/data/sampleData/sampleData_CheckBox.json"
				method="post" mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous"
				processMsg="" ev:submit="" ev:submitdone="" ev:submiterror="" abortTrigger="">
			</xf:submission>
		</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 작성법과 CheckBox컴포넌트에 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_tb_style_wrap" id="" style="">
					<xf:group class="example_div_tr_style" id="" style="">
						<w2:textbox class="example_div_th_style" escape="false" id="" label="CheckBox컴포넌트에 DataList 연결하기"
							style="">
						</w2:textbox>
						<xf:group class="example_div_td_style" id="" style="">
							<w2:textbox class="ws5_example_txt_normal" displayFormat="" escape="false" id=""
								label="CheckBox컴포넌트에 만들어 둔 DataList가 연결된 것을 확인한다." style="">
							</w2:textbox>
							<w2:textbox class="txt_info_important" escape="false" id=""
								label="※ WebSquare스튜디오 조작으로 DataList생성 및 CheckBox컴포넌트와 DataList의 연결하는 법은 가이드를 같이 참고해주시기를 바랍니다." style="margin-bottom: 10px;">
							</w2:textbox>
							<xf:select selectedindex="-1" id="cbx_exam1" appearance="full" style="min-width: 80px;min-height: 21px;"
								cols="1" rows="" ref="">
								<xf:choices>
									<xf:itemset nodeset="data:dlt_dataList2">
										<xf:label ref="City"></xf:label>
										<xf:value ref="Code"></xf:value>
									</xf:itemset>
								</xf:choices>
							</xf:select>
						</xf:group>
					</xf:group>
					<xf:group class="example_div_tr_style" id="" style="">
						<w2:textbox class="example_div_th_style" escape="false" id="" label="CheckBox컴포넌트에 submission으로 연결하기" style="">
						</w2:textbox>
						<xf:group class="example_div_td_style" id="" style="">
							<w2:textbox class="ws5_example_txt_normal" displayFormat="" escape="false" id=""
								label="CheckBox컴포넌트에 별도로 만들어 둔 Json파일이 연결된 것을 확인합니다." style="">
							</w2:textbox>
							<w2:textbox class="txt_info_important" escape="false" id=""
								label="※ WebSquare스튜디오 조작으로 submission 생성 및 CheckBox컴포넌트와 연결하는 법은 가이드를 같이 참고해주시기를 바랍니다." style="margin-bottom: 10px;">
							</w2:textbox>
							<xf:select appearance="full" cols="" id="cbx_exam2" ref="" rows="" selectedindex="-1"
								style="min-width: 80px;min-height: 21px;">
								<xf:choices>
									<xf:itemset nodeset="data:dlt_dataList1">
										<xf:label ref="City"></xf:label>
										<xf:value ref="C_Code"></xf:value>
									</xf:itemset>
								</xf:choices>
							</xf:select>
						</xf:group>
					</xf:group>
					<xf:group class="example_div_tr_style" id="" style="">
						<w2:textbox class="example_div_th_style" escape="false" id="" label="setNodeSet 함수를 이용한 DataList와 CheckBox컴포넌트 연결하기"
							style="">
						</w2:textbox>
						<xf:group class="example_div_td_style" id="" style="">
							<w2:textbox class="ws5_example_txt_normal" displayFormat="" escape="false" id=""
								label="아래의 버튼을 눌러 준비해둔 DataList를 CheckBox컴포넌트에 연결합니다." style="">
							</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를 CheckBox컴포넌트에 연결하기]]></xf:label>
								</xf:trigger>
							</xf:group>
							<xf:select appearance="full" cols="1" id="cbx_exam3" ref="" rows="" selectedindex="-1"
								style="min-width: 80px;min-height: 21px;">
								<xf:choices></xf:choices>
							</xf:select>

						</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" displayFormat="" escape="false" id=""
								label="소스에 정보를 추가하여 연결할 수 있습니다." style="">
							</w2:textbox>
							<xf:select appearance="full" cols="1" id="cbx_exam4" ref="" rows="" selectedindex="-1"
								style="min-width: 80px;min-height: 21px;">
								<xf:choices>
									<xf:itemset nodeset="data:dlt_dataList2">
										<xf:label ref="City"></xf:label>
										<xf:value ref="Code"></xf:value>
									</xf:itemset>
								</xf:choices>
							</xf:select>
						</xf:group>
					</xf:group>
					<xf:group class="example_div_tr_style" id="" style="">
						<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" displayFormat="" escape="false" id=""
								label="아래의 버튼을 클릭 시 CheckBox컴포넌트 표시항목에 'NewYork'이 추가됩니다." style="">
							</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:select appearance="full" cols="1" id="cbx_exam5" ref="" rows="" selectedindex="-1"
								style="min-width: 80px;min-height: 21px;">
								<xf:choices>
									<xf:itemset nodeset="data:dlt_dataList2">
										<xf:label ref="City"></xf:label>
										<xf:value ref="Code"></xf:value>
									</xf:itemset>
								</xf:choices>
							</xf:select>

						</xf:group>
					</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="[CheckBox] 특정 항목 비활성화 하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220817" 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:column id="useYN" name="useYN" 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", "useYN": "Y" },
        { "label": "Pear", "code": "02", "useYN": "N" },
        { "label": "Grapes", "code": "03", "useYN": "Y" },
        { "label": "Watermelon", "code": "04", "useYN": "N" },
        { "label": "Peach", "code": "05", "useYN": "Y" }
    ]);
};

/**
 * CheckBox - 비활성화 항목 지정 - 스크립트
 * 버튼 [항목 비활성화] 클릭 시
 */
scwin.btn_ex1_onclick = function (e) {
    //항목 비활성화 컬럼 및 비활성화값 설정 - 목록과 연결된 DataList의 "useYN" 컬럼의 값이 "N"인 경우 비활성화합니다.
    cbx_exam3.setEnableColumn("useYN", "N");
};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<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="CheckBox - 기본" style=""></w2:textbox>

					<xf:group class="example_div_td_style" id="" style="">
						<xf:select selectedindex="-1" id="cbx_exam1" appearance="full" style="min-width: 80px;min-height: 21px;" cols="" rows=""
							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:select>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='CheckBox - 비활성화 항목 지정' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:select appearance="full" cols="" id="cbx_exam2" ref="" rows="" selectedindex="-1"
							style="min-width: 80px;min-height: 21px;" enableColumn="useYN" enableColumnFalseValue="N">
							<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:select>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="CheckBox - 비활성화 항목 지정 - 스크립트" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group id="" style="" class="mb10">
							<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" style="" type="button">
								<xf:label><![CDATA[항목 비활성화]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:select appearance="full" cols="" id="cbx_exam3" ref="" rows="" selectedindex="-1"
							style="min-width: 80px;min-height: 21px;">
							<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:select>
					</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 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 () {

};
]]></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" 또는 "B" 로 입력하여 테스트하면 설정별 동작 비교가 가능합니다.' 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="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">
							<w2:choices>
								<w2:item>
									<w2:label><![CDATA[blueberry]]></w2:label>
									<w2:value><![CDATA[01]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[Blueberry]]></w2:label>
									<w2:value><![CDATA[02]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[BLUEBERRY]]></w2:label>
									<w2:value><![CDATA[03]]></w2:value>
								</w2:item>
							</w2:choices>
						</w2:autoComplete>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id=""
						label='AutoComplete - 대소문자를 구분하지 않고 검색<br/>caseSensitive="false"' style="">
					</w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:autoComplete editType="select" style="width: 150px;min-height:24px;" submenuSize="auto" caseSensitive="false">
							<w2:choices>
								<w2:item>
									<w2:label><![CDATA[blueberry]]></w2:label>
									<w2:value><![CDATA[01]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[Blueberry]]></w2:label>
									<w2:value><![CDATA[02]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[BLUEBERRY]]></w2:label>
									<w2:value><![CDATA[03]]></w2:value>
								</w2:item>
							</w2:choices>
						</w2:autoComplete>
					</xf:group>
				</xf:group>

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


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

		<w2:historyInfo>
			<w2:history meta_no="02" meta_desc="예제 파일에 설명 문구 보충" meta_date="20230216" meta_user="InswaveSystems" ></w2:history>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220907" 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:column dataType="text" id="price" name="정가"></w2:column>
						<w2:column id="published_date" name="출간일" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true" xmlns="">
						<w2:row>

							<book_name><![CDATA[정글만리]]></book_name>
							<price><![CDATA[16500]]></price>

							<published_date><![CDATA[20130701]]></published_date>
						</w2:row>
						<w2:row>

							<book_name><![CDATA[내가 틀릴 수도 있습니다]]></book_name>
							<price><![CDATA[16000]]></price>

							<published_date><![CDATA[20220418]]></published_date>
						</w2:row>
						<w2:row>

							<book_name><![CDATA[공정하다는 착각]]></book_name>
							<price><![CDATA[18000]]></price>

							<published_date><![CDATA[20201201]]></published_date>
						</w2:row>
						<w2:row>

							<book_name><![CDATA[불편한 편의점]]></book_name>
							<price><![CDATA[14000]]></price>

							<published_date><![CDATA[20210420]]></published_date>
						</w2:row>
						<w2:row>
							<book_name><![CDATA[사람일까 상황일까]]></book_name>

							<price><![CDATA[28000]]></price>

							<published_date><![CDATA[20190826]]></published_date>
						</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='GridView에서 데이터 복사(Ctrl+C)를 할 때 데이터 출처의 설정 예제입니다.
GridView의 "정가", "출간일" 컬럼의 값을 복사하여 비교합니다.' style="">
				</w2:textbox>
				<w2:textbox class="" escape="false" id=""
					label="이 기능은 GridView의 속성 'copyOption'에 지정된 값에 의해 동작합니다.
아래는 지정 값에 따른 동작 방식입니다.
- dataList : (기본 값) : 데이터 복사 시 dataList에 할당된 값을 복사합니다.
- display : 데이터 복사 시 화면에 출력된 값을 복사합니다."
					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="[기본설정] 연결된 DataList의 값이 복사" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="컬럼 '정가' 또는 '출간일'의 셀을 클릭하고 복사('Ctrl'+'C')하면 DataList에 할당된 값이 복사 됩니다.
첫 번째 행의 '정가'열의 '16,500'을 복사하면 '16500'이 붙여넣기 됩니다."
							style="">
						</w2:textbox>
						<w2:gridView autoFit="allColumn" checkReadOnlyOnPasteEnable="" class="gvw" dataList="data:dlt_books" id=""
							style="height: 150px;" visibleRowNum="all" autoFitMinWidth="240" defaultCellHeight="24">
							<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="178" inputType="text" style="" id="column3" value="도서명" displayMode="label"></w2:column>
									<w2:column width="63" inputType="text" style="" id="column2" value="정가" displayMode="label"></w2:column>
									<w2:column width="83" inputType="text" style="" id="column1" value="출간일" displayMode="label"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody style="" id="gBody1">
								<w2:row style="" id="row2">
									<w2:column width="178" inputType="text" style="" id="book_name" value="" displayMode="label" textAlign="left">
									</w2:column>
									<w2:column width="63" inputType="text" style="" id="price" value="" displayMode="label" class="" textAlign="right"
										dataType="number" displayFormat="#,###">
									</w2:column>
									<w2:column width="83" inputType="text" style="" id="published_date" value="" displayMode="label" dataType="date"
										displayFormat="yyyy-MM-dd">
									</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="컬럼 '정가' 또는 '출간일'의 셀을 클릭하고 복사('Ctrl'+'C')하면 화면에 보여지는 값이 복사 됩니다.
첫 번째 행의 '정가'열의 '16,500'을 복사하면 '16,500'이 붙여넣기 됩니다."
							style="">
						</w2:textbox>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" checkReadOnlyOnPasteEnable="" class="gvw"
							dataList="data:dlt_books" defaultCellHeight="24" id="" style="height: 150px;" visibleRowNum="all" copyOption="display">
							<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" style="" value="도서명" width="178"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" style="" value="정가" width="63"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" style="" value="출간일" width="83"></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" style="" textAlign="left" value="" width="178">
									</w2:column>
									<w2:column class="" dataType="number" displayFormat="#,###" displayMode="label" id="price" inputType="text" style=""
										textAlign="right" value="" width="63">
									</w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="published_date" inputType="text" style=""
										value="" width="83">
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_th_style" id="" style="">
						<w2:textbox class="" escape="false" id="" label="컬럼별 복사할 데이터 출처 설정" style="">
						</w2:textbox>
					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="" escape="false" id="" label="정가 : 화면에 출력된 값으로 복사" style="">
						</w2:textbox>
						<w2:textbox class="mb10" escape="false" id="" label="출간일 : DataList의 값으로 복사" style="">
						</w2:textbox>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" checkReadOnlyOnPasteEnable="" class="gvw"
							dataList="data:dlt_books" defaultCellHeight="24" id="" style="height: 150px;" visibleRowNum="all">
							<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" style="" value="도서명" width="178"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" style="" value="정가" width="63"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" style="" value="출간일" width="83"></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" style="" textAlign="left" value="" width="178">
									</w2:column>
									<w2:column class="" dataType="number" displayFormat="#,###" displayMode="label" id="price" inputType="text" style=""
										textAlign="right" value="" width="63" copyOption="display">
									</w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="published_date" inputType="text" style=""
										value="" width="83">
									</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="20220817" 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_holiday" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="holiday" name="휴일" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<holiday><![CDATA[*0101]]></holiday>
						</w2:row>
						<w2:row>
							<holiday><![CDATA[*0301]]></holiday>
						</w2:row>
						<w2:row>
							<holiday><![CDATA[*0505]]></holiday>
						</w2:row>
						<w2:row>
							<holiday><![CDATA[*0606]]></holiday>
						</w2:row>
						<w2:row>
							<holiday><![CDATA[*0815]]></holiday>
						</w2:row>
						<w2:row>
							<holiday><![CDATA[*1003]]></holiday>
						</w2:row>
						<w2:row>
							<holiday><![CDATA[*1009]]></holiday>
						</w2:row>
						<w2:row>
							<holiday><![CDATA[*1225]]></holiday>
						</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="설정된 휴일을 확인하기 위해 초기 월이 10월로 지정되었습니다. 10월 3일, 10월 9일이 휴일로 지정되어있습니다." 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='Calendar - 지정된 휴일 제거하기
(함수 setHoliday를 이용하여 설정)' style="">
					</w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group id="" class="mb10">
							<xf:trigger useDefaultLabel="true" ev:onclick="scwin.btn_exam1_onclick" localeRef="" style="" id="btn_exam1" type=""
								class="btn_exam_exec btn_txt_of">
								<xf:label><![CDATA[휴일 설정 제거하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:calendar id="cal_exam1" style="min-width: 200px;min-height: 200px;"></w2:calendar>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id=""
						label="Calendar - 지정된 휴일 제거하기
(함수 setHolidayRef를 이용하여 설정)" style="">
					</w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group id="" class="mb10">
							<xf:trigger useDefaultLabel="true" ev:onclick="scwin.btn_exam2_onclick" localeRef="" style="" id="btn_exam2" type=""
								class="btn_exam_exec btn_txt_of">
								<xf:label><![CDATA[휴일 설정 제거하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:calendar id="cal_exam2" style="min-width: 200px;min-height: 200px;"></w2:calendar>
					</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="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="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="클라이언트 다국어의 공통 설정(client.config.xml)의 속성 중 하나인 useDefaultLabel 속성의 사용 예시입니다.
이 기능은 설정 파일(client.config.xml)에 등록해서 사용해야 하는 기능이지만,
useDefaultLabel 속성의 동작을 비교하기 위해 컴포넌트에 useDefaultLabel 속성을 강제 지정하였습니다.
브라우저의 실행 결과만 참고 바랍니다.
"
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" class="example_div_tb_style_wrap">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" id="" label='Anchor - useDefaultLabel 미정의' style="" escape="false"></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:anchor outerDiv="false" id="" style="" useLocale="true" class="mr_def" localeRef="c_lable_undefined">
							<xf:label><![CDATA[Anchor - Default Label]]></xf:label>
						</w2:anchor>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='Anchor - useDefaultLabel="true"' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:anchor class="mr_def" id="" outerDiv="false" style="" useLocale="true" useDefaultLabel="true"
							localeRef="c_lable_undefined">
							<xf:label><![CDATA[Anchor - Default Label]]></xf:label>
						</w2:anchor>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="Trigger - useDefaultLabel 미정의" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:trigger class="" id="" localeRef="c_lable_undefined" style="min-width: 80px; height: 26px;" type="button"
							useLocale="true">
							<xf:label><![CDATA[Trigger - Default Label]]></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='Trigger - useDefaultLabel="true"' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:trigger class="" id="" localeRef="c_lable_undefined" style="min-width: 80px; height: 26px;" type="button"
							useDefaultLabel="true" useLocale="true">
							<xf:label><![CDATA[Trigger - Default Label]]></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="Textbox - useDefaultLabel 미정의" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox id="" label="Textbox - Default Label" localeRef="c_lable_undefined" style="" useLocale="true"></w2:textbox>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='Textbox - useDefaultLabel="true"' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox id="" label="Textbox - Default Label" localeRef="c_lable_undefined" style="" useDefaultLabel="true"
							useLocale="true">
						</w2:textbox>
					</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="[GridView] fastScroll 속성 비교">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220706" 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_member" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="EMP_CD" name="사번" dataType="number"></w2:column>
						<w2:column id="EMP_NM" name="성명" dataType="text"></w2:column>
						<w2:column id="GENDER_CD" name="성별" dataType="text"></w2:column>
						<w2:column id="JOIN_DATE" name="입사일" dataType="text"></w2:column>
						<w2:column id="POSITION_CD" name="직위" dataType="text"></w2:column>
						<w2:column id="DUTY_CD" name="직책" dataType="text"></w2:column>
						<w2:column id="ROLE_CD" name="역할" dataType="text"></w2:column>
						<w2:column id="ASSIGNED_TASK" name="업무" dataType="text"></w2:column>
						<w2:column id="EMAIL" name="이메일" dataType="text"></w2:column>
						<w2:column id="ZIP_CD" name="우편번호" dataType="text"></w2:column>
						<w2:column id="ADDRESS1" name="주소1" dataType="text"></w2:column>
						<w2:column id="ADDRESS2" name="주소2" dataType="text"></w2:column>
						<w2:column id="IMAGE_PATH" name="이미지 경로" dataType="text"></w2:column>
						<w2:column id="CREATED_DATE" name="입력일" dataType="text"></w2:column>
						<w2:column id="UPDATED_DATE" name="수정일" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList id="dlt_CmCode01">
					<w2:columnInfo>
						<w2:column id="GRP_CD" name="GRP_CD" dataType="text"></w2:column>
						<w2:column id="CODE_CD" name="CODE_CD" dataType="text"></w2:column>
						<w2:column id="CODE_NM" name="CODE_NM" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data xmlns="" use="true">
						<w2:row>
							<GRP_CD><![CDATA[01]]></GRP_CD>
							<CODE_CD><![CDATA[01]]></CODE_CD>
							<CODE_NM><![CDATA[임원]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[01]]></GRP_CD>
							<CODE_CD><![CDATA[02]]></CODE_CD>
							<CODE_NM><![CDATA[팀장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[01]]></GRP_CD>
							<CODE_CD><![CDATA[03]]></CODE_CD>
							<CODE_NM><![CDATA[팀원]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[01]]></GRP_CD>
							<CODE_CD><![CDATA[04]]></CODE_CD>
							<CODE_NM><![CDATA[협력]]></CODE_NM>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dlt_CmCode02">
					<w2:columnInfo>
						<w2:column id="GRP_CD" name="GRP_CD" dataType="text"></w2:column>
						<w2:column id="CODE_CD" name="CODE_CD" dataType="text"></w2:column>
						<w2:column id="CODE_NM" name="CODE_NM" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data xmlns="" use="true">
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[02]]></CODE_CD>
							<CODE_NM><![CDATA[이사]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[03]]></CODE_CD>
							<CODE_NM><![CDATA[팀장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[08]]></CODE_CD>
							<CODE_NM><![CDATA[부장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[04]]></CODE_CD>
							<CODE_NM><![CDATA[차장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[05]]></CODE_CD>
							<CODE_NM><![CDATA[과장]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[06]]></CODE_CD>
							<CODE_NM><![CDATA[대리]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[02]]></GRP_CD>
							<CODE_CD><![CDATA[07]]></CODE_CD>
							<CODE_NM><![CDATA[사원]]></CODE_NM>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dlt_CmCode19">
					<w2:columnInfo>
						<w2:column id="GRP_CD" name="GRP_CD" dataType="text"></w2:column>
						<w2:column id="CODE_CD" name="CODE_CD" dataType="text"></w2:column>
						<w2:column id="CODE_NM" name="CODE_NM" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data xmlns="" use="true">
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[01]]></CODE_CD>
							<CODE_NM><![CDATA[PM]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[02]]></CODE_CD>
							<CODE_NM><![CDATA[PL]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[03]]></CODE_CD>
							<CODE_NM><![CDATA[분석/설계]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[04]]></CODE_CD>
							<CODE_NM><![CDATA[개발]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[05]]></CODE_CD>
							<CODE_NM><![CDATA[퍼블리셔]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[19]]></GRP_CD>
							<CODE_CD><![CDATA[06]]></CODE_CD>
							<CODE_NM><![CDATA[컨설팅]]></CODE_NM>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList id="dlt_CmCode101">
					<w2:columnInfo>
						<w2:column id="GRP_CD" name="GRP_CD" dataType="text"></w2:column>
						<w2:column id="CODE_CD" name="CODE_CD" dataType="text"></w2:column>
						<w2:column id="CODE_NM" name="CODE_NM" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data xmlns="" use="true">
						<w2:row>
							<GRP_CD><![CDATA[101]]></GRP_CD>
							<CODE_CD><![CDATA[M]]></CODE_CD>
							<CODE_NM><![CDATA[남]]></CODE_NM>
						</w2:row>
						<w2:row>
							<GRP_CD><![CDATA[101]]></GRP_CD>
							<CODE_CD><![CDATA[F]]></CODE_CD>
							<CODE_NM><![CDATA[여]]></CODE_NM>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
			<xf:submission id="sbm_getUserData" ref="" target='data:array,{"id":"dlt_member","key":"dlt_Member"}'
				action="/data/sampleData/largeData_15X1995.json" method="post" mediatype="application/json" encoding="UTF-8" instance="" replace=""
				errorHandler="" customHandler="" mode="asynchronous" processMsg="" ev:submitdone="scwin.sbm_getUserData_submitdone" ev:submit=""
				ev:submiterror="" abortTrigger="">
			</xf:submission>
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {
	$p.executeSubmission("sbm_getUserData")
};

/**
 * sbm_getUserData의 submitdone 이벤트 핸들러
 */
scwin.sbm_getUserData_submitdone = function (e) {
	txt_visibleRowCount.setValue(grd_example.getVisibleRowNum());
};

scwin.btn_setGridHeight_onclick = function (e) {
	var tmpHeight = ibx_gridHeight.getValue();

	if (!tmpHeight) {
		alert("변경할 그리드의 높이를 입력하세요.");
		ibx_gridHeight.focus();
		return;
	}

	grd_example.setGridHeight(tmpHeight);
	grd_example.setScrollTop(0);
	grd_example2.setGridHeight(tmpHeight);
	grd_example2.setScrollTop(0);

	txt_visibleRowCount.setValue(grd_example.getVisibleRowNum());
};
]]></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="그리드뷰의 fastScroll속성에 따른 데이터 출력의 특징을 알아보기 위해 작성된 예시입니다.<br/>그리드뷰의 높이값을 변경한 뒤 그리드뷰의 세로 스크롤 또는 마우스의 휠을 이용하여 데이터가 출력되는 것을 비교합니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 시연용 예제로 예제 가이드 문서가 포함되어 있지 않습니다." style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="mb_def_box nobottom" id="" style="">
				<w2:span class="dmr" id="" label="GridView의 높이(px) :" style=""></w2:span>
				<xf:input adjustMaxLength="false" class="mr_def" dataType="number" ev:onviewchange="" id="ibx_gridHeight" initValue="400"
					style="width: 60px;" type="number">
				</xf:input>
				<xf:trigger class="btn_cm" ev:onclick="scwin.btn_setGridHeight_onclick" id="btn_setGridHeight" style="" type="button">
					<xf:label><![CDATA[setGridHeight]]></xf:label>
				</xf:trigger>
				<w2:span id="" label="( 현재 화면에 보여지는 행 수 : " style=""></w2:span>
				<w2:span dataType="number" displayFormat="#,### 건 )" id="txt_visibleRowCount" label="0" style=""></w2:span>
			</xf:group>
			<w2:textbox class="com_example_heading" id="" label='fastScroll="true"로 정의' style="" tagname="h3"></w2:textbox>
			<xf:group id="" class="gvwbox">
				<w2:gridView scrollByColumnAdaptive="false" rowNumVisible="true" summaryAuto="false" useShiftKey="true" readOnly="true"
					scrollByColumn="false" summaryOnlyAuto="false" defaultCellHeight="26" applyAllColumnStyle="false" senseReader="false"
					dataList="data:dlt_member" ev:onviewchange="" ignoreCellClick="false" style="height: 280px;" autoFit="allColumn" id="grd_example"
					visibleRowNum="" fastScroll="" class="gvw" ignoreToggleOnDisabled="false" autoFitMinWidth="750">
					<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="70" inputType="text" style="" id="column29" value="사번" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="70" inputType="text" style="" id="column27" value="성명" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="105" inputType="text" style="" id="column25" value="성별" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="114" inputType="text" style="" id="column23" value="입사일" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="70" inputType="text" style="" id="column21" value="직위" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="70" inputType="text" style="" id="column19" value="직책" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="70" inputType="text" style="" id="column17" value="역할" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="175" inputType="text" style="" id="column13" value="이메일" blockSelect="false" displayMode="label">
							</w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody style="" id="gBody1">
						<w2:row style="" id="row2">
							<w2:column width="70" inputType="text" style="" id="EMP_CD" value="" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="70" inputType="text" style="" id="EMP_NM" value="" blockSelect="false" displayMode="label"></w2:column>
							<w2:column chooseOptionLabel="미선택" ref="" chooseOption="true" width="105" inputType="select" style="" allOption=""
								id="GENDER_CD" value="" blockSelect="false" displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode101">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column dataType="date" width="114" displayFormat="yyyy.MM.dd" inputType="text" style="" id="JOIN_DATE" value=""
								blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column chooseOptionLabel="미선택" ref="" chooseOption="true" width="70" inputType="select" style="" allOption=""
								id="POSITION_CD" value="" blockSelect="false" displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode02">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column chooseOptionLabel="미선택" ref="" chooseOption="true" width="70" inputType="select" style="" allOption=""
								id="DUTY_CD" value="" blockSelect="false" displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode19">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column chooseOptionLabel="미선택" ref="" chooseOption="true" width="70" inputType="select" style="" allOption=""
								id="ROLE_CD" value="" blockSelect="false" displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode01">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column width="175" inputType="text" style="" id="EMAIL" value="" blockSelect="false" displayMode="label"></w2:column>
						</w2:row>
					</w2:gBody>
				</w2:gridView>
			</xf:group>
			<w2:textbox class="com_example_heading" id="" label='fastScroll="false"로 정의' style="" tagname="h3"></w2:textbox>
			<xf:group id="" class="gvwbox">
				<w2:gridView scrollByColumnAdaptive="false" rowNumVisible="true" summaryAuto="false" useShiftKey="true" readOnly="true"
					scrollByColumn="false" summaryOnlyAuto="false" defaultCellHeight="26" applyAllColumnStyle="false" senseReader="false"
					dataList="data:dlt_member" ev:onviewchange="" ignoreCellClick="false" style="height: 280px;" autoFit="allColumn" id="grd_example2"
					visibleRowNum="" fastScroll="false" class="gvw" ignoreToggleOnDisabled="false" autoFitMinWidth="750">
					<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="70" inputType="text" style="" id="column29" value="사번" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="70" inputType="text" style="" id="column27" value="성명" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="105" inputType="text" style="" id="column25" value="성별" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="114" inputType="text" style="" id="column23" value="입사일" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="70" inputType="text" style="" id="column21" value="직위" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="70" inputType="text" style="" id="column19" value="직책" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="70" inputType="text" style="" id="column17" value="역할" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="175" inputType="text" style="" id="column13" value="이메일" blockSelect="false" displayMode="label">
							</w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody style="" id="gBody1">
						<w2:row style="" id="row2">
							<w2:column width="70" inputType="text" style="" id="EMP_CD" value="" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="70" inputType="text" style="" id="EMP_NM" value="" blockSelect="false" displayMode="label"></w2:column>
							<w2:column chooseOptionLabel="미선택" ref="" chooseOption="true" width="105" inputType="select" style="" allOption=""
								id="GENDER_CD" value="" blockSelect="false" displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode101">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column dataType="date" width="114" displayFormat="yyyy.MM.dd" inputType="text" style="" id="JOIN_DATE" value=""
								blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column chooseOptionLabel="미선택" ref="" chooseOption="true" width="70" inputType="select" style="" allOption=""
								id="POSITION_CD" value="" blockSelect="false" displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode02">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column chooseOptionLabel="미선택" ref="" chooseOption="true" width="70" inputType="select" style="" allOption=""
								id="DUTY_CD" value="" blockSelect="false" displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode19">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column chooseOptionLabel="미선택" ref="" chooseOption="true" width="70" inputType="select" style="" allOption=""
								id="ROLE_CD" value="" blockSelect="false" displayMode="label">
								<w2:choices>
									<w2:itemset nodeset="data:dlt_CmCode01">
										<w2:label ref="CODE_NM"></w2:label>
										<w2:value ref="CODE_CD"></w2:value>
									</w2:itemset>
								</w2:choices>
							</w2:column>
							<w2:column width="175" inputType="text" style="" id="EMAIL" value="" blockSelect="false" displayMode="label"></w2:column>
						</w2:row>
					</w2:gBody>
				</w2:gridView>
			</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="[GridView] 컬럼의 입력 유형(inputType) 반환받기" meta_type="메인">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date=" 20230711" 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_1" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="tp_drilldown" name="drilldown" dataType="text"></w2:column>
						<w2:column id="tp_text" name="text" dataType="text"></w2:column>
						<w2:column id="tp_link" name="link" dataType="text"></w2:column>
						<w2:column id="tp_checkbox" name="checkbox" dataType="text"></w2:column>
						<w2:column id="tp_button" name="button" dataType="text"></w2:column>
						<w2:column id="tp_image" name="image" dataType="text"></w2:column>
						<w2:column id="tp_radio" name="radio" dataType="text"></w2:column>
						<w2:column id="tp_select" name="select" dataType="text"></w2:column>
						<w2:column id="tp_calendar" name="calendar" dataType="text"></w2:column>
						<w2:column id="tp_expression" name="expression" dataType="text"></w2:column>
						<w2:column id="tp_textarea" name="textarea" dataType="text"></w2:column>
						<w2:column id="tp_textImage" name="textImage" dataType="text"></w2:column>
						<w2:column id="tp_checkcombobox" name="checkcombobox" dataType="text"></w2:column>
						<w2:column id="tp_autoComplete" name="autoComplete" dataType="text"></w2:column>
						<w2:column id="tp_secret" name="secret" dataType="text"></w2:column>
						<w2:column id="tp_custom" name="custom" dataType="text"></w2:column>
						<w2:column id="tp_spinner" name="spinner" dataType="text"></w2:column>
						<w2:column id="depth" name="drilldown depth" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<tp_drilldown><![CDATA[]]></tp_drilldown>
							<tp_text><![CDATA[문자열1]]></tp_text>
							<tp_link><![CDATA[링크]]></tp_link>
							<tp_checkbox><![CDATA[1]]></tp_checkbox>
							<tp_button><![CDATA[버튼]]></tp_button>
							<tp_image><![CDATA[/img/icon_info.png]]></tp_image>
							<tp_radio><![CDATA[1]]></tp_radio>
							<tp_select><![CDATA[A]]></tp_select>
							<tp_calendar><![CDATA[19190301]]></tp_calendar>
							<tp_expression><![CDATA[]]></tp_expression>
							<tp_textarea><![CDATA[문자열1]]></tp_textarea>
							<tp_textImage><![CDATA[신규]]></tp_textImage>
							<tp_checkcombobox><![CDATA[A]]></tp_checkcombobox>
							<tp_autoComplete><![CDATA[A]]></tp_autoComplete>
							<tp_secret><![CDATA[pwd]]></tp_secret>
							<tp_custom><![CDATA[Y]]></tp_custom>
							<tp_spinner><![CDATA[5]]></tp_spinner>
							<depth><![CDATA[0]]></depth>
						</w2:row>
						<w2:row>
							<tp_drilldown><![CDATA[]]></tp_drilldown>
							<tp_text><![CDATA[문자열2]]></tp_text>
							<tp_link><![CDATA[링크]]></tp_link>
							<tp_checkbox><![CDATA[0]]></tp_checkbox>
							<tp_button><![CDATA[버튼]]></tp_button>
							<tp_image><![CDATA[/img/icon_info.png]]></tp_image>
							<tp_radio><![CDATA[0]]></tp_radio>
							<tp_select><![CDATA[B]]></tp_select>
							<tp_calendar><![CDATA[19450815]]></tp_calendar>
							<tp_expression><![CDATA[]]></tp_expression>
							<tp_textarea><![CDATA[문자열2]]></tp_textarea>
							<tp_textImage><![CDATA[신규]]></tp_textImage>
							<tp_checkcombobox><![CDATA[A B]]></tp_checkcombobox>
							<tp_autoComplete><![CDATA[B]]></tp_autoComplete>
							<tp_secret><![CDATA[pwd]]></tp_secret>
							<tp_custom><![CDATA[20020415]]></tp_custom>
							<tp_spinner><![CDATA[4]]></tp_spinner>
							<depth><![CDATA[0]]></depth>
						</w2:row>
						<w2:row>
							<tp_drilldown><![CDATA[]]></tp_drilldown>
							<tp_text><![CDATA[문자열3]]></tp_text>
							<tp_link><![CDATA[링크]]></tp_link>
							<tp_checkbox><![CDATA[1]]></tp_checkbox>
							<tp_button><![CDATA[버튼]]></tp_button>
							<tp_image><![CDATA[/img/icon_info.png]]></tp_image>
							<tp_radio><![CDATA[0]]></tp_radio>
							<tp_select><![CDATA[A]]></tp_select>
							<tp_calendar><![CDATA[19500625]]></tp_calendar>
							<tp_expression><![CDATA[]]></tp_expression>
							<tp_textarea><![CDATA[문자열3]]></tp_textarea>
							<tp_textImage><![CDATA[신규]]></tp_textImage>
							<tp_checkcombobox><![CDATA[B]]></tp_checkcombobox>
							<tp_autoComplete><![CDATA[A]]></tp_autoComplete>
							<tp_secret><![CDATA[pwd]]></tp_secret>
							<tp_custom><![CDATA[문자열3]]></tp_custom>
							<tp_spinner><![CDATA[20]]></tp_spinner>
							<depth><![CDATA[0]]></depth>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[scwin.onpageload = function () {
    // 예제 테스트를 위해 셀에 포커스 지정.
    grd_exam.setFocusedCell(1, 2);
};

/**
 * 버튼 [컬럼의 'inputType' 반환받기] 클릭 시
 */
scwin.btn_exam1_onclick = function (e) {
    // GridView 'grd_exam'의 선택된 컬럼의 Index를 반환 받습니다.
    let numColIndex = grd_exam.getFocusedColumnIndex();

    // 선택된 셀이 없는 경우 안내 로직.
    if (numColIndex !== 0 && !numColIndex) {
        alert("GridView에 셀을 선택(클릭)하세요.");
        return;
    }

    // GridView 'grd_exam'의 바디 컬럼 속성 'inputType'의 설정 값을 반환받습니다.
    let strInputType = grd_exam.getColumnType(numColIndex);
    alert("inputType : " + strInputType);
};

/**
 * GridView 'grd_exam'의 컬럼 'tp_custom'의 속성 'typeGetter'에 지정된 함수.
 * inputType이 'custom'으로 지정된 컬럼의 입력 유형 지정
 */
scwin.grd_exam_typeGetter = function (argInfo) {
    var rowIndex = argInfo.rowIndex;
    var colIndex = argInfo.colIndex;
    var returnInfo; //inputType 정보가 담긴 JSON객체

    //중복되지 않는 ID 생성
    let strID = "dynamic_" + rowIndex + "_" + colIndex;

    switch (rowIndex) {
        case 0:
            returnInfo = {
                id: strID,
                inputType: "checkbox",
                options: { valueType: "other", trueValue: "Y", falseValue: "N", checkboxLabel: "선택" }
            };
            break;
        case 1:
            returnInfo = {
                id: strID,
                inputType: "calendar",
                options: { viewType: "icon", dataType: "date", displayFormat: "yyyy-MM-dd" }
            };
            break;
        case 2:
        default:
            returnInfo = {
                id: strID,
                inputType: "text",
                options: {}
            };
            break;
    }

    return returnInfo;

};

/**
 * GridView 'grd_exam'의 컬럼 'tp_expression'의 속성 'expression'에 지정된 함수.
 * inputType이 'expression'으로 지정된 컬럼의 반환 값 정의
 */
scwin.grd_exam_expression = function () {
    return "EXP";
};
]]></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="GridView의 바디 컬럼의 속성 'inputType'에 설정한 값을 반환 받을 수 있는 함수 'getColumnType'의 예제입니다."
					style="">
				</w2:textbox>
				<w2:textbox class="" escape="false" id=""
					label="GridView의 셀을 선택(클릭)하고, 버튼 [선택된 셀의 'inputType' 반환받기]를 클릭하면 브라우저 'alert'으로 셀의 inputType을 확인할 수 있습니다." style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="" style="">
				<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 id="btn_exam1" style="" type="button"
								class="btn_exam_exec" ev:onclick="scwin.btn_exam1_onclick">
								<xf:label><![CDATA[선택된 셀의 'inputType' 반환받기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group id="" class="mb_def_box nobottom" style="">
							<w2:gridView checkAllType="false" defaultCellHeight="26" id="grd_exam" style="height: 100px;"
								dataList="data:dlt_exam_1" class="gvw" visibleRowNum="all" readOnly="true">
								<w2:caption style="" id="caption2" value="this is a grid caption."></w2:caption>
								<w2:header style="" id="header2">
									<w2:row style="" id="row3">
										<w2:column width="96" inputType="text" id="column19" value="autoComplete" displayMode="label">
										</w2:column>
										<w2:column width="70" inputType="text" id="column18" value="button" displayMode="label"></w2:column>
										<w2:column width="100" inputType="text" id="column17" value="calendar" displayMode="label"></w2:column>
										<w2:column width="70" inputType="text" id="column16" value="checkbox" displayMode="label">
										</w2:column>
										<w2:column width="114" inputType="text" id="column15" value="checkcombobox" displayMode="label"></w2:column>
										<w2:column width="100" inputType="text" id="column14" value="custom" displayMode="label"></w2:column>
										<w2:column width="70" inputType="text" id="column13" value="drilldown" displayMode="label"></w2:column>
										<w2:column width="85" inputType="text" id="column12" value="expression" displayMode="label"></w2:column>
										<w2:column width="70" inputType="text" id="column11" value="image" displayMode="label"></w2:column>
										<w2:column width="70" inputType="text" id="column10" value="link" displayMode="label"></w2:column>
										<w2:column width="70" inputType="text" id="column9" value="radio" displayMode="label"></w2:column>
										<w2:column width="70" inputType="text" id="column8" value="secret" displayMode="label"></w2:column>
										<w2:column width="70" inputType="text" id="column7" value="select" displayMode="label"></w2:column>
										<w2:column width="70" inputType="text" id="column6" value="spinner" displayMode="label"></w2:column>
										<w2:column width="70" inputType="text" id="column5" value="text" displayMode="label"></w2:column>
										<w2:column width="70" inputType="text" id="column3" value="textarea" displayMode="label"></w2:column>
										<w2:column width="70" inputType="text" id="column4" value="textImage" displayMode="label"></w2:column>
									</w2:row>
								</w2:header>
								<w2:gBody style="" id="gBody2">
									<w2:row style="" id="row4">
										<w2:column width="96" inputType="autoComplete" id="tp_autoComplete" displayMode="label"
											viewType="icon">
											<w2:choices>
												<w2:item>
													<w2:label><![CDATA[A]]></w2:label>
													<w2:value><![CDATA[A]]></w2:value>
												</w2:item>
												<w2:item>
													<w2:label><![CDATA[B]]></w2:label>
													<w2:value><![CDATA[B]]></w2:value>
												</w2:item>
											</w2:choices>
										</w2:column>
										<w2:column width="70" inputType="button" id="tp_button" displayMode="label"></w2:column>
										<w2:column width="100" inputType="calendar" id="tp_calendar" displayMode="label" viewType="icon"></w2:column>
										<w2:column width="70" inputType="checkbox" id="tp_checkbox" displayMode="label"></w2:column>
										<w2:column width="114" inputType="checkcombobox" id="tp_checkcombobox" displayMode="label"
											viewType="icon">
											<w2:choices>
												<w2:item>
													<w2:label><![CDATA[A]]></w2:label>
													<w2:value><![CDATA[A]]></w2:value>
												</w2:item>
												<w2:item>
													<w2:label><![CDATA[B]]></w2:label>
													<w2:value><![CDATA[B]]></w2:value>
												</w2:item>
											</w2:choices>
										</w2:column>
										<w2:column width="100" inputType="custom" id="tp_custom" displayMode="label" typeGetter="scwin.grd_exam_typeGetter"></w2:column>
										<w2:column width="70" inputType="drilldown" id="tp_drilldown" displayMode="label"
											depthColumn="depth" depthType="line" showDepth="0">
										</w2:column>
										<w2:column width="85" inputType="expression" id="tp_expression" displayMode="label"
											expression="scwin.grd_exam_expression()">
											<w2:choices>
												<w2:item>
													<w2:label><![CDATA[Y]]></w2:label>
													<w2:value><![CDATA[Y]]></w2:value>
												</w2:item>
												<w2:item>
													<w2:label><![CDATA[N]]></w2:label>
													<w2:value><![CDATA[N]]></w2:value>
												</w2:item>
											</w2:choices>
										</w2:column>
										<w2:column width="70" inputType="image" id="tp_image" displayMode="label"></w2:column>
										<w2:column width="70" inputType="link" id="tp_link" displayMode="label"></w2:column>
										<w2:column width="70" inputType="radio" id="tp_radio" displayMode="label"></w2:column>
										<w2:column width="70" inputType="secret" id="tp_secret" displayMode="label"></w2:column>
										<w2:column width="70" inputType="select" id="tp_select" displayMode="label" viewType="icon">
											<w2:choices>
												<w2:item>
													<w2:label><![CDATA[A]]></w2:label>
													<w2:value><![CDATA[A]]></w2:value>
												</w2:item>
												<w2:item>
													<w2:label><![CDATA[B]]></w2:label>
													<w2:value><![CDATA[B]]></w2:value>
												</w2:item>
											</w2:choices>
										</w2:column>
										<w2:column width="70" inputType="spinner" id="tp_spinner" displayMode="label" viewType="icon">
											<w2:choices>
												<w2:item>
													<w2:label><![CDATA[A]]></w2:label>
													<w2:value><![CDATA[A]]></w2:value>
												</w2:item>
												<w2:item>
													<w2:label><![CDATA[B]]></w2:label>
													<w2:value><![CDATA[B]]></w2:value>
												</w2:item>
											</w2:choices>
										</w2:column>
										<w2:column width="70" inputType="text" id="tp_text" displayMode="label"></w2:column>
										<w2:column width="70" inputType="textarea" id="tp_textarea" displayMode="label"></w2:column>
										<w2:column width="70" inputType="textImage" id="tp_textImage" displayMode="label" viewType="icon"
											imageSrc="/img/icon_calculator.png" imageHeight="16" imageWidth="16">
										</w2:column>
									</w2:row>
								</w2:gBody>
							</w2:gridView>
						</xf:group>
					</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="20230627" 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의 컬럼 데이터에 필터를 적용하는 예제입니다.
이 예제는 함수 'setColumnFilter'의 첫 번째 인자의 속성 'type' 설정 값을 'regExp'로 지정한 예시입니다.
속성 'type'의 설정 값이 'regExp'로 지정되면 다음과 같은 방법으로 데이터를 검색합니다.
검색 대상 데이터를 문자열로 변경한 후, 사용자가 정의한 정규표현식으로 검색합니다.
정규 표현식은 속성 'key'에 할당합니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" id=""
					label="필터를 적용할 컬럼에 조건이 2가지 이상인 경우 'type'을 'regExp' 또는 'func'로 지정하여 구현하는 것이 속도 개선에 도움이 됩니다." style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" id="" label="버튼을 클릭하면 '로그 확인' 영역과 브라우저 개발자도구의 콘솔에 로그가 출력됩니다." 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="">
					<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" id="btn_initData" style="" type="button"
								ev:onclick="scwin.btn_initData_onclick">
								<xf:label><![CDATA[DataList의 데이터 초기화]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_cm" disabled="" escape="false" id="btn_clearFilter" style="" type="button"
								ev:onclick="scwin.btn_clearFilter_onclick">
								<xf:label><![CDATA[DataList의 필터 전체 해제]]></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_1_onclick" id="btn_exam1_1"
								style="" type="button">
								<xf:label><![CDATA[컬럼 '분류'에 필터 적용 - 데이터가 '인문'과 일치]]></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[컬럼 '분류'에 필터 적용 - 데이터 중 '에세이'가 포함]]></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[컬럼 '분류'에 필터 적용 - 데이터가 '에세이'와 일치]]></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[컬럼 '분류'에 필터 적용 - 데이터가 '소설'과 일치하거나 '에세이'가 포함]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="[ 결과 확인용 GridView ]" style=""></w2:textbox>
						<w2:gridView autoFit="lastColumn" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24" id="" rowNumWidth="26"
							style="height:60px;" visibleRowNum="4" autoFitMinWidth="220" tooltipDisplay="true" readOnly="true" initFixedHeightByRowNum="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 width="70" inputType="text" id="column5" value="분류" displayMode="label"></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 width="70" inputType="text" id="categoryLabel" displayMode="label"></w2:column>
									<w2:column displayMode="label" id="price" inputType="text" width="50" value=""></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" width="100" textAlign="left"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</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>


<?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="20230306" 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="P00223S01.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="20220916" 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="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_books_2" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_books_3" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" 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의 Drag&Drop 설정 예제입니다.
GridView의 행의 데이터를 Drag&Drop하여 이동할 수 있습니다.
이 기능은 GridView 내부 또는 GridView와 GridView 간의 DragDrop만 지원됩니다.'
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" 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="[기본설정] DragDrop 설정 없음" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24"
							id="" style="height:100px;" visibleRowNum="6" visibleRowNumFix="true" rowNumVisible="true" rowNumWidth="26">
							<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="column2" inputType="text" value="분류" width="100"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="178" sortable="true"></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="100" value=""></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="178"></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="DragDrop 설정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="Drag&Drop으로 GridView내 행의 이동이 가능합니다.
행을 Drag하여 다른 GridView에 Drop하면 행이 이동됩니다." style="">
						</w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books_2" defaultCellHeight="24"
							id="" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="6" visibleRowNumFix="true" dataDragDrop="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="column2" inputType="text" value="분류" width="100"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" sortable="true" value="도서명" width="178"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" value="" width="100"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="178"></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="행 이동 테스트용 GridView" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="이곳에 행을 Drop 하세요." style=""></w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataDragDrop="true" dataList="data:dlt_books_3"
							defaultCellHeight="24" id="" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true"
							noResultMessage="이곳에 행을 Drop 하세요." noResultMessageVisibleAlways="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="column2" inputType="text" value="분류" width="100"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" sortable="true" value="도서명" width="178"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" value="" width="100"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="178"></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="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='툴바 영역에 "윈도우 목록 보기" 아이콘을 출력하는 예제입니다.
아이콘을 클릭하면 윈도우 목록이 닫기 버튼과 함께 콤보 형태로 출력됩니다.
WindowContainer의 속성 "useWindowScrollButton"을 설정하여 기능을 사용할 수 있습니다.'
					style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mw600" id="" style="">
				<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: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" useWindowScrollButton="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="기본 동작" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<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="true" 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>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20221004" 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='입력값이 유효한 날짜가 아닌 경우 직전 값으로 복원하는 예제입니다.
이 기능은 속성 "dateValidSet"을 활성화하여 사용할 수 있습니다.' 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="속성 dateValidSet 적용" 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:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" id="ica_exam_1" renderDiv="true"
							rightAlign="false" style="width:110px;min-height: 24px;" dateValidSet="true" validateOnInput="true" validateOnInputMobile="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" renderDiv="true"
							rightAlign="false" style="width:110px;min-height: 24px;" validateOnInputMobile="true" validateOnInput="true">
						</w2:inputCalendar>
					</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>
		<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="pop_contents" id="">
			<w2:textbox id="" label="팝업 컨텐츠 영역입니다." style=""></w2:textbox>
		</xf:group>
	</body>
</html>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20221007" 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='Input의 이벤트 oneditfull 예제입니다.
이벤트 oneditfull는 입력값이 속성 maxByteLength의 설정값과 동일할 때 발생합니다.
이 기능은 입력값이 영문, 숫자이고, 속성 maxByteLength이 설정된 경우만 동작합니다.'
					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='이벤트 oneditfull 설정' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="입력값이 영문, 숫자이고,
입력값이 4byte에 도달하면 발생됩니다."
							style="">
						</w2:textbox>
						<xf:input class="" id="ibx_exam1" style="min-width:120px;" maxByteLength="4" placeholder="maxByteLength : 4"
							ev:oneditfull="scwin.ibx_exam1_oneditfull">
						</xf:input>
					</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"?>
<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="20221104" 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_onclick = function (e) {
    var jsnOptions;
    var strPopID = "popup_P00157P02";

    //중복 팝업 제어
    if ($p.getPopupWindow(strPopID)) {
        return;
    }

    jsnOptions = {
        id: strPopID,
        type: "wframePopup",
        modal: "modal",
        frameModal: "",
        width: "200px",
        height: "160px",
        popupName: "popup1-1",
        left: "60px",
        top: "60px"
    };

    //팝업 열기
    $p.openPopup("/page/P00157P02.xml", jsnOptions);
};]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="pop_contents" id="" style="padding: 10px;">
			<w2:textbox id="" label="팝업1 - P00157P01.xml" style="color: DarkCyan;font-size: 1.5em;font-weight: bold;"></w2:textbox>
			<xf:group id="" style="">
				<xf:trigger class="btn_exam_exec" 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>
	</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='WindowContainer의 속성 중 "nameLayerRearrange" 설정의 예제입니다.
속성 "nameLayerRearrange"는 네임 레이어에 고정 버튼이 있을 때 고정된 윈도우의 네임 레이어가 앞으로 배치되는 기능을 제공합니다.
이 기능은 윈도우 정렬 아이콘 클릭하여 윈도우가 재정렬되어야 적용됩니다.'
					style=""></w2:textbox>
			</xf:group>
			<xf:group id="" style="" class=""></xf:group>
			<xf:group class="example_div_tb_style_wrap mw600" id="" style="">
				<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:windowContainer controlIconPosition="left" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
							horizontalArrangeNum="2" id="wdc_exam2" nameLayerRearrange="true" 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="true" 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="기본 동작" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<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="true" 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>
		</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="[GridView] inputType checkbox의 label 추가하기">
		<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:dataList baseNode="list" id="dlt_books_1" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="chk" name="선택"></w2:column>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_books_2" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="chk" name="선택"></w2:column>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_books_3" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="chk" name="선택"></w2:column>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_books_4" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="chk" name="선택"></w2:column>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
						<w2:column dataType="text" id="categoryLabel" name="분류"></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 () {
    scwin.setDataList();
};

/**
 * DataList에 데이터 할당
 */
scwin.setDataList = function () {
    var arrData = [
        { "label": "거의 모든 전쟁의 역사", "categoryLabel": "역사/문화" },
        { "label": "공정하다는 착각", "categoryLabel": "인문" },
        { "label": "기분을 관리하면 인생이 관리된다", "categoryLabel": "시/에세이" },
        { "label": "나는 둔감하게 살기로 했다", "categoryLabel": "인문" },
        { "label": "나로서 충분히 괜찮은 사람", "categoryLabel": "시/에세이" },
        { "label": "나의 문화유산답사기", "categoryLabel": "역사/문화" },
        { "label": "내가 틀릴 수도 있습니다", "categoryLabel": "인문" },
        { "label": "너무 잘하려고 애쓰지 마라", "categoryLabel": "시/에세이" },
        { "label": "당신은 결국 무엇이든 해내는 사람", "categoryLabel": "시/에세이" },
        { "label": "마음의 법칙", "categoryLabel": "인문" },
        { "label": "마지막 몰입: 나를 넘어서는 힘", "categoryLabel": "자기계발" },
        { "label": "멘탈을 바꿔야 인생이 바뀐다", "categoryLabel": "자기계발" },
        { "label": "모든 사람에게 좋은 사람일 필요는 없어", "categoryLabel": "시/에세이" },
        { "label": "무엇이 옳은가", "categoryLabel": "인문" },
        { "label": "문명의 붕괴(Collapse)", "categoryLabel": "역사/문화" },
        { "label": "미움받을 용기", "categoryLabel": "인문" },
        { "label": "불편한 편의점", "categoryLabel": "소설" },
        { "label": "선을 넘지 않는 사람이 성공한다", "categoryLabel": "자기계발" },
        { "label": "우리는 여전히 삶을 사랑하는가", "categoryLabel": "인문" },
        { "label": "원씽(The One Thing)", "categoryLabel": "자기계발" },
        { "label": "작별인사", "categoryLabel": "소설" },
        { "label": "잘했고 잘하고 있고 잘 될 것이다", "categoryLabel": "시/에세이" },
        { "label": "저만치 혼자서", "categoryLabel": "소설" },
        { "label": "책들의 부엌", "categoryLabel": "소설" },
        { "label": "총 균 쇠", "categoryLabel": "역사/문화" }
    ];

    dlt_books_1.setJSON(arrData);
    dlt_books_2.setJSON(arrData);
    dlt_books_3.setJSON(arrData);
    dlt_books_4.setJSON(arrData);
};

/**
 * 영역 [checkbox의 label 적용 - 사용자 함수 적용]의 checkboxLabelFormatter
 */
scwin.grd_exam4_checkboxLabelFormatter = function (row, col, label) {
    var jsnRow;
    var returnValue;

    jsnRow = dlt_books_4.getRowJSON(row);   //현재 행의 json 데이터 추출
    returnValue = "[" + jsnRow.categoryLabel + "] " + jsnRow.label;

    return returnValue;
};]]></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='GridView의 컬럼의 InputType이 checkbox인 경우 label을 출력하는 예제입니다.<br/>설정에 통해 고정 문자 또는 GridView의 컬럼 데이터를 조합하여 출력할 수 있습니다.' 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="[기본설정] label 설정 없음" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24"
							id="" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true" rowNumVisible="true" rowNumWidth="26">
							<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 width="35" inputType="text" style="" id="column4" value="" displayMode="label"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="분류" width="100"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="178" sortable="true"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column width="35" inputType="checkbox" style="" id="chk" value="" displayMode="label"></w2:column>
									<w2:column displayMode="label" id="categoryLabel" inputType="text" width="100" value=""></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="178"></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="checkbox의 label - 고정 문자" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books_2" defaultCellHeight="24"
							id="" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="4" visibleRowNumFix="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="column4" inputType="text" width="70" value="선택"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="분류" width="100"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" sortable="true" value="도서명" width="178"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="chk" inputType="checkbox" width="70" checkboxLabel="선택"></w2:column>
									<w2:column displayMode="label" id="categoryLabel" inputType="text" width="100"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="178"></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="checkbox의 label 적용 - 컬럼 조합" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="506" class="gvw" dataList="data:dlt_books_3" defaultCellHeight="24"
							id="" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="4" visibleRowNumFix="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="column4" inputType="text" width="260" value="분류 - 도서명"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="분류" width="76"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" sortable="true" value="도서명" width="170"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="chk" inputType="checkbox" textAlign="left" width="260"
										checkboxLabelColumn="categoryLabel,label" checkboxLabelDelimiter=" - ">
									</w2:column>
									<w2:column displayMode="label" id="categoryLabel" inputType="text" width="76"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="170"></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="checkbox의 label 적용 - 사용자 함수 적용" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="506" class="gvw" dataList="data:dlt_books_4" defaultCellHeight="24"
							id="grd_exam4" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="4" visibleRowNumFix="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="column4" inputType="text" value="[분류] 도서명" width="260"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="chk" inputType="checkbox" textAlign="left" width="260"
										checkboxLabelFormatter="scwin.grd_exam4_checkboxLabelFormatter">
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>
	</body>
</html>