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

		<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="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='TabControl의 속성 tabScroll 예제입니다.
속성 tabScroll을 "true"로 지정하면 탭의 목록을 표시할 수 있는 버튼과 탭의 좌우 이동 버튼을 제공합니다.
일반적으로 탭의 수가 고정되어 있지 않거나 탭의 합산 너비가 TabControl의 최소 너비보다 큰 경우 tabScroll을 "true" 지정합니다.'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" style="" class=""></xf:group>
			<xf:group class="example_div_tb_style_wrap mw600" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="(기본 동작) tabScroll 미사용" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox id="" label="탭의 합산 너비가 TabControl의 너비보다 큰 경우 UI가 틀어지는 현상이 있기 때문에 별도의 css 적용이 필요합니다." style=""
							class="ws5_example_txt_normal ws5_exam_txt_red"></w2:textbox>
						<w2:tabControl alwaysDraw="false" class="" confirmFalseAction="new" confirmTrueAction="exist" id="tac_exam1"
							style="position: relative;height: 120px;" tabScroll="" useConfirmMessage="false" useMoveNextTabFocus="false" useTabKeyOnly="true">
							<w2:tabs disabled="false" style="width:90px;height:30px;" id="tabs1" label="TAB1"></w2:tabs>
							<w2:tabs disabled="false" style="width:90px;height:30px;" id="tabs2" label="TAB2"></w2:tabs>
							<w2:content alwaysDraw="false" style="min-height:30px;" id="content1">
								<w2:textbox id="" label="TAB1 CONTENT" style="font-size: 1.2em;padding: 6px;color: steelblue;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" style="min-height:30px;" id="content2">
								<w2:textbox id="" label="TAB2 CONTENT" style="font-size: 1.2em;padding: 6px;color: forestgreen;"></w2:textbox>
							</w2:content>
						</w2:tabControl>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="tabScroll 사용" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:tabControl alwaysDraw="false" class="" confirmFalseAction="new" confirmTrueAction="exist" id="tac_exam2"
							style="position: relative;height: 120px;" tabScroll="true" useConfirmMessage="false" useMoveNextTabFocus="false" useTabKeyOnly="true">
							<w2:tabs disabled="false" id="tabs1" label="TAB1" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs2" label="TAB2" style="width:90px;height:30px;"></w2:tabs>
							<w2:content alwaysDraw="false" id="content1" style="min-height:30px;">
								<w2:textbox id="" label="TAB1 CONTENT" style="font-size: 1.2em;padding: 6px;color: steelblue;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content2" style="min-height:30px;">
								<w2:textbox id="" label="TAB2 CONTENT" style="font-size: 1.2em;padding: 6px;color: forestgreen;"></w2:textbox>
							</w2:content>
						</w2:tabControl>
					</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="20221230" 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="book_name" name="도서명"></w2:column>
						<w2:column id="categoryLabel" name="분류" dataType="text"></w2:column>
						<w2:column id="chk_1" name="Checkbox" dataType="text" defaultValue="0"></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="book_name" name="도서명"></w2:column>
						<w2:column id="categoryLabel" name="분류" dataType="text"></w2:column>
						<w2:column id="chk_1" name="Checkbox" dataType="text" defaultValue="false"></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="book_name" name="도서명"></w2:column>
						<w2:column id="categoryLabel" name="분류" dataType="text"></w2:column>
						<w2:column id="chk_1" name="Checkbox" dataType="text" defaultValue="N"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="GridView의 컬럼 속성 inputType이 checkbox일 때,
컬럼 속성 valueType(값의 유형)의 설정 값에 따라 엔진에서 할당되는 체크된 값과 체크가 해제된 값을 비교하는 예제입니다."
					style="" class="">
				</w2:textbox>
				<w2:textbox class="" escape="false" id=""
					label="속성 valueType의 설정 값에 따라 엔진에서 checkbox가 체크되었을 때 value로 할당하는 값과 체크가 해제되었을 때 value로 할당하는 값이 달라집니다.
사용자(개발자)가 직접 값을 할당하고자 하는 경우는 valueType을 other로 지정하고 속성 trueValue(체크된 값)와 falseValue(체크 해제된 값)를 지정합니다."
					style="">
				</w2:textbox>
				<w2:textbox escape="false" id=""
					label="주요 속성은 아래와 같습니다.
- GridView의 Column : valueType, trueValue, falseValue
- DataList의 Column : defaultValue"
					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="valueType : binary (기본 값)" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="컬럼 [선택]의 checkbox를 체크, 체크 후 해제합니다.
버튼 [Data 출력하기]를 클릭하고 로그 확인 영역의 JSON 데이터를 확인합니다." style="">
						</w2:textbox>
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="체크된 값 : 1, 체크 해제된 값 : 0, 기본 값(사용자 지정) : 0" style="">
						</w2:textbox>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" id="btn_ex1" style="" type="button"
								ev:onclick="scwin.btn_ex1_onclick">
								<xf:label><![CDATA[Data 출력하기 - dlt_books_1]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="162" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24"
							id="grd_exam1" rowNumVisible="true" rowNumWidth="20" style="height:100px;" visibleRowNum="3" visibleRowNumFix="true"
							rowStatusVisible="true" rowStatusWidth="40" rowStatusHeaderValue="상태">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" style="" value="선택" width="40"></w2:column>
									<w2:column displayMode="label" id="column4" inputType="text" style="" value="분류" width="52"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="110"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="chk_1" inputType="checkbox" style="" value="" valueType="binary" width="40">
									</w2:column>
									<w2:column displayMode="label" id="categoryLabel" inputType="text" style="" value="" width="52"></w2:column>
									<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" value="" width="110"></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="valueType : boolean" style="">
					</w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="컬럼 [선택]의 checkbox를 체크, 체크 후 해제합니다.
버튼 [Data 출력하기]를 클릭하고 로그 확인 영역의 JSON 데이터를 확인합니다." style="">
						</w2:textbox>
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="체크된 값 : true, 체크 해제된 값 : false, 기본 값(사용자 지정) : false" style="">
						</w2:textbox>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" id="btn_ex2" style="" type="button"
								ev:onclick="scwin.btn_ex2_onclick">
								<xf:label><![CDATA[Data 출력하기 - dlt_books_2]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="162" class="gvw" dataList="data:dlt_books_2" defaultCellHeight="24"
							id="grd_exam2" rowNumVisible="true" rowNumWidth="20" style="height:100px;" visibleRowNum="3" visibleRowNumFix="true"
							rowStatusVisible="true" rowStatusWidth="40" rowStatusHeaderValue="상태">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" style="" value="선택" width="40"></w2:column>
									<w2:column displayMode="label" id="column4" inputType="text" style="" value="분류" width="52"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="110"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="chk_1" inputType="checkbox" style="" value="" valueType="boolean" width="40">
									</w2:column>
									<w2:column displayMode="label" id="categoryLabel" inputType="text" style="" value="" width="52"></w2:column>
									<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" value="" width="110"></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="valueType : other" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="컬럼 [선택]의 checkbox를 체크, 체크 후 해제합니다.
버튼 [Data 출력하기]를 클릭하고 로그 확인 영역의 JSON 데이터를 확인합니다." style="">
						</w2:textbox>
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="체크된 값 : Y, 체크 해제된 값 : N, 기본 값 (사용자 지정): N" style="">
						</w2:textbox>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" id="btn_ex3" style="" type="button"
								ev:onclick="scwin.btn_ex3_onclick">
								<xf:label><![CDATA[Data 출력하기 - dlt_books_3]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="162" class="gvw" dataList="data:dlt_books_3" defaultCellHeight="24"
							id="grd_exam3" rowNumVisible="true" rowNumWidth="20" style="height:100px;" visibleRowNum="3" visibleRowNumFix="true"
							rowStatusVisible="true" rowStatusWidth="40" rowStatusHeaderValue="상태">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" style="" value="선택" width="40"></w2:column>
									<w2:column displayMode="label" id="column4" inputType="text" style="" value="분류" width="52"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="110"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="chk_1" inputType="checkbox" style="" value="" valueType="other" width="40"
										trueValue="Y" falseValue="N">
									</w2:column>
									<w2:column displayMode="label" id="categoryLabel" inputType="text" style="" value="" width="52"></w2:column>
									<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" value="" width="110"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="" style="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_th_style" id="">
						<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="20221014" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<w2:textbox id="" label="P00138S03.xml" style="color: seagreen;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="20230217" 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="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: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의 이벤트 onSort 예제입니다.
onSort 이벤트는 GridView의 헤더에 클릭이나 더블 클릭으로 정렬이 변경된 경우 발생합니다.
이벤트 핸들러를 지정하면 핸들러에서 정렬이 발생한 헤더의 ID, 바디의 ID, 정렬 구분(오름차순, 내림차순, 정렬안함)값을 확인할 수 있습니다.
DataList의 API를 이용하여 정렬된 경우는 발생하지 않습니다.
ex) DataList의 함수 sort, multisort 등'
					style="">
				</w2:textbox>
				<w2:textbox class="txt_info_important" id="" label="컴포넌트의 이벤트 발생 시 영역 [로그 확인]의 textarea 또는 브라우저 개발자도구 콘솔에 로그가 출력됩니다."
					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="GridView의 onsort 이벤트 핸들러 등록" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="GridView의 헤더를 클릭하면 정렬이 되며 onsort 이벤트가 발생합니다."
							style="">
						</w2:textbox>
						<w2:gridView autoFitMinWidth="272" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24" id="grd_exam1"
							style="height:100px;" visibleRowNum="4" rowNumVisible="false" rowNumWidth="26" showSortableImage="true" sortable="true"
							sortEvent="onclick" visibleRowNumFix="true" autoFit="allColumn" ev:onsort="scwin.grd_exam1_onsort">
							<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="h_col1" inputType="text" value="도서명" width="130"></w2:column>
									<w2:column hidden="false" width="66" inputType="text" id="h_col2" value="정가" displayMode="label">
									</w2:column>
									<w2:column hidden="false" width="76" inputType="text" id="h_col3" value="출간일" displayMode="label">
									</w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" width="130" value=""></w2:column>
									<w2:column dataType="number" displayFormat="#,###" displayMode="label" id="price" inputType="text" textAlign="right"
										width="66" value="">
									</w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="published_date" inputType="text" width="76"
										value="">
									</w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="" style="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_th_style" id="">
						<w2:span class="mr_def txt_blue" id="" label="로그 확인" style=""></w2:span>
						<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
							title="로그 삭제" type="button">
							<xf:label><![CDATA[검색 취소]]></xf:label>
						</xf:trigger>
					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230201" 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='입력 값이 없는 상태에서 사용자가 초기에 달력 아이콘을 클릭할 때 달력에 표시되는 날짜를 지정 및 값으로 획득할 수 있습니다.
이 기능은 아래의 속성과 함수로 사용할 수 있습니다.
- defaultDate : (속성) 초기에 달력 아이콘을 클릭할 때 달력에 표시되는 날짜
- getDefaultDate : (함수) 현재 컴포넌트에 설정된 defaultDate를 반환
- setDefaultDate : (함수) 속성 defaultDate의 value를 설정'
					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='(기본 설정) defaultDate = ""' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label='속성 defaultDate에 default값인 빈 문자열이 설정되어 있습니다.
달력 아이콘 클릭 후 표시되는 달력의 날짜가 시스템 상의 날짜(오늘)로 설정되어 있는것을 확인합니다.' style="">
						</w2:textbox>
						<w2:inputCalendar calendarValueType="yearMonthDate" class="mr_def" focusOnDateSelect="false" id="ica_exam_1"
							renderDiv="true" rightAlign="false" style="width:100px;min-height: 24px;">
						</w2:inputCalendar>
						<xf:group style="margin-top: 10px;" id=""></xf:group>
						<xf:group id="" style="margin-top: 10px;"></xf:group>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label='속성 defaultDate에 값 설정' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label='속성 defaultDate에 "20230101" 문자열을 추가하였습니다.
달력 아이콘 클릭 후 표시되는 달력의 날짜가 2023-01-01로 설정되어 있는것을 확인합니다.' style="">
						</w2:textbox>
						<w2:inputCalendar calendarValueType="yearMonthDate" class="mr_def" focusOnDateSelect="false" id="ica_exam_2"
							renderDiv="true" rightAlign="false" style="width:100px;min-height: 24px;" defaultDate="20230101">
						</w2:inputCalendar>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label='메소드를 통한 속성 defaultDate에 값 설정 및 획득' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label='버튼 [달력에 표시되는 날짜를 1993-05-31로 변경하기]를 클릭하여 속성 defaultDate의 값을 변경할 수 있습니다. (변경된 날짜 값은 달력 아이콘을 눌러 확인 가능합니다.)
그 후 버튼 [달력에 표시되는 날짜를 획득하여 메시지 창에 표시하기]를 클릭하면 "19930531" 날짜 값을 획득하고 메시지창(alert)에서 확인할 수 있습니다.'
							style="">
						</w2:textbox>
						<xf:group id="" style="margin-top: 10px;">
							<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[달력에 표시되는 날짜를 1993-05-31로 변경하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<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>
						<w2:inputCalendar calendarValueType="yearMonthDate" class="mr_def" focusOnDateSelect="false" id="ica_exam_3"
							renderDiv="true" rightAlign="false" style="width:100px;min-height: 24px;">
						</w2:inputCalendar>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="02" meta_desc="화면 구성 변경 및 문서 변경" meta_date="20221108" meta_user="InswaveSystems" ></w2:history>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220428" 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 class="mb10" escape="false" id=""
					label="컴포넌트의 style를 제어하는 API 사용 예제입니다.
영역 [로그 확인]에서 실행 스크립트를 확인할 수 있습니다." style="">
				</w2:textbox>
				<w2:textbox class="" escape="false" id=""
					label="아래의 API로 CSS 속성을 제어 할 수 있습니다.
- CSS 속성값 설정 : setStyle
- CSS 속성값 반환 : getStyle
- 초기 CSS 속성값으로 복구 : setInitStyle
- 초기 CSS 속성값 반환 : getInitStyle
"
					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="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="style 할당하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='InputBox의 style 속성 border-color를 변경합니다.' style="">
						</w2:textbox>
						<xf:group id="" class="mb_def_box nobottom">
							<xf:trigger ev:onclick="scwin.btn_ex1_onclick" disabled="" style="" id="btn_ex1" type="button" class="btn_exam_exec"
								escape="false">
								<xf:label><![CDATA[border-color 변경하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:input class="mr_def" id="ibx_exam1" initStyle="true" initValue="WebSquare" style="width:100px;border-width: 2px;"></xf:input>
					</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 속성값 반환받기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='InputBox의 style 속성 border-color의 값을 alert 합니다.'
							style="">
						</w2:textbox>
						<xf:group id="" class="mb_def_box nobottom">
							<xf:trigger ev:onclick="scwin.btn_ex2_onclick" disabled="" style="" id="btn_ex2" type="button"
								class="btn_exam_exec btn_txt_of" escape="false">
								<xf:label><![CDATA[border-color 속성값 반환받기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:input class="mr_def" id="ibx_exam2" initStyle="true" initValue="WebSquare"
							style="width:100px;border-color: red;border-width: 2px;">
						</xf:input>
					</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 속성값을 초기 값으로 할당하기" 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>
						<xf:group id="" class="mb_def_box nobottom">
							<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex3_1_onclick" id="btn_ex3_1" style=""
								type="button">
								<xf:label><![CDATA[1. color 변경하기]]></xf:label>
							</xf:trigger>
							<xf:trigger ev:onclick="scwin.btn_ex3_2_onclick" disabled="" style="" id="btn_ex3_2" type="button" class="btn_exam_exec"
								escape="false">
								<xf:label><![CDATA[2. color 속성값을 초기값으로 할당하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:input class="mr_def" id="ibx_exam3" initStyle="true" initValue="WebSquare" style="width:100px;border-width: 2px;">
						</xf:input>
					</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 속성값 반환받기" 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>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex4_1_onclick" id="btn_ex4_1" style=""
								type="button">
								<xf:label><![CDATA[1. border-color 변경하기]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex4_2_onclick" id="btn_ex4_2" style=""
								type="button">
								<xf:label><![CDATA[2. 초기 border-color 값 반환받기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:input class="mr_def" id="ibx_exam4" initStyle="true" initValue="WebSquare"
							style="width:100px;border-color: red;border-width: 2px;">
						</xf:input>
					</xf:group>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="" style="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_th_style" id="">
						<w2:span class="mr_def txt_blue" id="" label="로그 확인" style=""></w2:span>
						<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
							title="로그 삭제" type="button">
							<xf:label><![CDATA[검색 취소]]></xf:label>
						</xf:trigger>
					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220428" 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_person" repeatNode="map" saveRemovedData="true" style="">
					<w2:columnInfo>
						<w2:column dataType="text" id="NAME" name="이름"></w2:column>
						<w2:column dataType="text" id="BLOOD_TYPE" name="혈액형"></w2:column>
						<w2:column dataType="text" id="GENDER" name="성별"></w2:column>
						<w2:column dataType="text" id="MILITARY" name="병역여부"></w2:column>
						<w2:column dataType="text" id="MILITARYINFO" name="병역정보"></w2:column>
						<w2:column dataType="text" id="EDUCATION" name="학력"></w2:column>
					</w2:columnInfo>
					<w2:data use="false"></w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_code_military" repeatNode="map" saveRemovedData="true" style="">
					<w2:columnInfo>
						<w2:column dataType="text" id="CODE" name="name1"></w2:column>
						<w2:column dataType="text" id="CODENM" name="name2"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<![CDATA[01]]>
							<CODENM><![CDATA[육군]]></CODENM>
						</w2:row>
						<w2:row>
							<![CDATA[02]]>
							<CODENM><![CDATA[해군]]></CODENM>
						</w2:row>
						<w2:row>
							<![CDATA[03]]>
							<CODENM><![CDATA[공군]]></CODENM>
						</w2:row>
						<w2:row>
							<![CDATA[04]]>
							<CODENM><![CDATA[해병대]]></CODENM>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
			<xf:submission abortTrigger="" action="/data/sampleData/customInputType.json" customHandler="" encoding="UTF-8"
				errorHandler="" ev:submit="" ev:submitdone="" ev:submiterror="" id="sbm_searchPerson" instance="" mediatype="application/json"
				method="post" mode="asynchronous" processMsg="" ref="" replace="" target='data:json,["dlt_person"]' style="">
			</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="그리드뷰의 inputType을 동적으로 변경한 예시입니다.<br/>[병역여부] 컬럼의 값에 따라 [병역정보] 컬럼의 inputType이 변경되는 것을 확인할 수 있습니다." style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 시연용 예제로 예제 가이드 문서가 포함되어 있지 않습니다." style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" class="gvwbox">
				<w2:gridView ev:oneditend="" oddEvenColorDisplay="false" rowNumVisible="true" rowNumHeaderValue="No" scrollByColumn="false"
					ev:onrightbuttonclick="" defaultCellHeight="26" adaptive="" focusMode="row" rowNumWidth="" senseReader="" keyMoveEditMode="true"
					autoFit="allColumn" id="grd_ex01" tooltipDisplayColumn="INFO" mergeCells="" class="gvw" ignoreToggleOnDisabled="false"
					adaptiveThreshold="" ev:oncellclick="" editModeEvent="onclick" scrollByColumnAdaptive="false" rowNumStatusUniqueId="true"
					ev:onbeforeedit="" summaryAuto="false" useCtrlOnMultisort="" useShiftKey="true" readOnly="" ev:onscrolly="" rowStatusVisible=""
					tooltipDisplay="true" fixedColumnWithHidden="true" dataList="data:dlt_person" ev:onviewchange="" columnMove="true"
					ignoreCellClick="false" style="height:150px;" ev:onafteredit="scwin.grd_ex01_onafteredit" visibleRowNum="all" autoFitMinWidth="550">
					<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="column17" value="이름" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="70" inputType="text" style="" id="column11" value="혈액형" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="70" inputType="text" style="" id="column9" value="성별" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="70" inputType="text" style="" id="column7" value="병역여부" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column toolTip="병역여부에 따른 Custom Input Type" width="120" inputType="text" style="" id="column5" value="* 병역정보"
								blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="150" inputType="text" style="" id="column3" 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="NAME" value="" blockSelect="false" displayMode="label"></w2:column>
							<w2:column width="70" inputType="text" style="" id="BLOOD_TYPE" value="" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column ref="" chooseOption="" viewType="icon" width="70" inputType="select" style="" allOption="" id="GENDER" value=""
								blockSelect="false" displayMode="label">
								<w2:choices>
									<w2:item>
										<w2:label><![CDATA[남]]></w2:label>
										<w2:value><![CDATA[M]]></w2:value>
									</w2:item>
									<w2:item>
										<w2:label><![CDATA[여]]></w2:label>
										<w2:value><![CDATA[F]]></w2:value>
									</w2:item>
								</w2:choices>
							</w2:column>
							<w2:column chooseOptionLabel="" ref="" chooseOption="true" viewType="icon" width="70" inputType="select" style=""
								allOption="" id="MILITARY" value="" blockSelect="false" displayMode="label">
								<w2:choices>
									<w2:item>
										<w2:label><![CDATA[군필]]></w2:label>
										<w2:value><![CDATA[fulfilled]]></w2:value>
									</w2:item>
									<w2:item>
										<w2:label><![CDATA[미필]]></w2:label>
										<w2:value><![CDATA[unfulfilled]]></w2:value>
									</w2:item>
									<w2:item>
										<w2:label><![CDATA[면제]]></w2:label>
										<w2:value><![CDATA[exempted]]></w2:value>
									</w2:item>
								</w2:choices>
							</w2:column>
							<w2:column falseValue="0" typeGetter="scwin.getCustomType" trueValue="$blank" valueType="other" width="120"
								checkboxLabel="" inputType="custom" style="" id="MILITARYINFO" value="" blockSelect="false" displayMode="label">
							</w2:column>
							<w2:column width="150" inputType="text" style="" id="EDUCATION" value="" blockSelect="false" displayMode="label"
								textAlign="left">
							</w2:column>
						</w2:row>
					</w2:gBody>
				</w2:gridView>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220428" 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_leftTree" repeatNode="data" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="depth" name="depth"></w2:column>
						<w2:column dataType="text" id="label" name="label"></w2:column>
						<w2:column dataType="text" id="value" name="value"></w2:column>
					</w2:columnInfo>
					<w2:data use="true" xmlns="">
						<w2:row>
							<depth><![CDATA[1]]></depth>
							<![CDATA[메뉴1]]>
							<value><![CDATA[menu1]]></value>
						</w2:row>
						<w2:row>
							<depth><![CDATA[2]]></depth>
							<![CDATA[메뉴1-1]]>
							<value><![CDATA[menu1-1]]></value>
						</w2:row>
						<w2:row>
							<depth><![CDATA[2]]></depth>
							<![CDATA[메뉴1-2]]>
							<value><![CDATA[menu1-2]]></value>
						</w2:row>
						<w2:row>
							<depth><![CDATA[3]]></depth>
							<![CDATA[메뉴1-2-1]]>
							<value><![CDATA[menu1-2-1]]></value>
						</w2:row>
						<w2:row>
							<depth><![CDATA[2]]></depth>
							<![CDATA[메뉴1-3]]>
							<value><![CDATA[menu1-3]]></value>
						</w2:row>
						<w2:row>
							<depth><![CDATA[1]]></depth>
							<![CDATA[메뉴2]]>
							<value><![CDATA[menu2]]></value>
						</w2:row>
						<w2:row>
							<depth><![CDATA[2]]></depth>
							<![CDATA[메뉴2-1]]>
							<value><![CDATA[menu2-1]]></value>
						</w2:row>
						<w2:row>
							<depth><![CDATA[1]]></depth>
							<![CDATA[메뉴3]]>
							<value><![CDATA[menu3]]></value>
						</w2:row>
						<w2:row>
							<depth><![CDATA[2]]></depth>
							<![CDATA[메뉴3-1]]>
							<value><![CDATA[menu3-1]]></value>
						</w2:row>
						<w2:row>
							<depth><![CDATA[2]]></depth>
							<![CDATA[메뉴3-2]]>
							<value><![CDATA[menu3-2]]></value>
						</w2:row>
					</w2:data>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dlt_rightTree" repeatNode="data" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="depth" name="depth"></w2:column>
						<w2:column dataType="text" id="label" name="label"></w2:column>
						<w2:column dataType="text" id="value" name="value"></w2:column>
					</w2:columnInfo>
					<w2:data use="true" xmlns="">
						<w2:row>
							<depth><![CDATA[1]]></depth>
							<![CDATA[즐겨찾기]]>
							<value><![CDATA[menu0]]></value>
						</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="계층형 데이터를 출력하는 컴포넌트 예시입니다.<br/>대표적으로 Treeview가 해당됩니다." style=""></w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 마우스 사용이 가능한 환경에서 정상 동작합니다." style=""></w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" escape="false" id="" label="이 예제는 시연용 예제로 예제 가이드 문서가 포함되어 있지 않습니다." style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" style="">
				<w2:textbox class="mb_def" id=""
					label="데이터가 추가된 뒤 왼쪽 TreeView의 데이터를 삭제하고자 할 경우 Script탭에서 scwin.trv_ex02_ondrop에 작성된 //dragControl.removeNode( dragNode ); 의 주석을 해제합니다."
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="">
				<xf:group style="width: 500px;" id="" class="tvwbox">
					<w2:treeview checkAllChildNodes="true" showCheckbox="true" showTreeDepth="" dataType="listed" hierarchy="true" lineShow=""
						style="float:left;width: 210px;height: 300px;border: 1px solid #d7dce1;padding: 10px;margin-right: 6px;" id="trv_ex01" class="tvw"
						useDrag="true" toggleEvent="onclick">
						<w2:itemset nodeset="data:dlt_leftTree">
							<w2:label ref="label"></w2:label>
							<w2:value ref="value"></w2:value>
							<w2:depth ref="depth"></w2:depth>
							<w2:folder ref=""></w2:folder>
							<w2:checkbox ref=""></w2:checkbox>
							<w2:checkboxDisabled ref=""></w2:checkboxDisabled>
							<w2:image ref=""></w2:image>
							<w2:iconImage ref=""></w2:iconImage>
							<w2:selectedImage ref=""></w2:selectedImage>
							<w2:expandedImage ref=""></w2:expandedImage>
							<w2:leafImage ref=""></w2:leafImage>
						</w2:itemset>
					</w2:treeview>
					<w2:treeview checkAllChildNodes="" showCheckbox="false" showTreeDepth="1" dynamicAppend="true" dataType="listed"
						lineShow="" style="float:left;width: 210px;height: 300px;border: 1px solid #d7dce1;padding: 10px;" id="trv_ex02"
						ev:ondrop="scwin.trv_ex02_ondrop" useDrag="true" class="tvw">
						<w2:itemset nodeset="data:dlt_rightTree">
							<w2:label ref="label"></w2:label>
							<w2:value ref="value"></w2:value>
							<w2:depth ref="depth"></w2:depth>
							<w2:folder ref=""></w2:folder>
							<w2:checkbox ref=""></w2:checkbox>
							<w2:checkboxDisabled ref=""></w2:checkboxDisabled>
							<w2:image ref=""></w2:image>
							<w2:iconImage ref=""></w2:iconImage>
							<w2:selectedImage ref=""></w2:selectedImage>
							<w2:expandedImage ref=""></w2:expandedImage>
							<w2:leafImage ref=""></w2:leafImage>
						</w2:itemset>
					</w2:treeview>
				</xf:group>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220428" 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="폼을 구성하는 컴포넌트로, 텍스트나 이미지 출력용 컴포넌트 예시입니다.
TextBox, Span Image, Progressbar가 해당됩니다." 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="Textbox" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="" id="" label="WebSquare" style="line-height: 2em;"></w2:textbox>
						<xf:group id="">
						</xf:group>
					</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 - escape="true" (기본값)' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="" id=""
							label='WebSquare5'
							style="line-height: 2em;">
						</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 - escape="false"' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="" escape="false" id=""
							label='WebSquare5'
							style="line-height: 2em;">
						</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="Span" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:span id="" label="WebSquare" style=""></w2:span>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="Image" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:image class="defComp" id="" src="/img/w5_logo.png" style="width: 84.8px;height: 23.2px;"></xf:image>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="Progressbar" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="" id="" style="padding: 36px 0px 0px 0px; margin-bottom: 10px;">
							<w2:progressbar autoClose="false" class="type1" duration="1000" id="prg_ex01" max="100" min="0" progressClass="type1"
								step="1" style="position: relative;height: 20px;max-width: 700px;" valueType="percent">
							</w2:progressbar>
						</xf:group>
						<xf:group class="" id="" style="">
							<w2:progressbar autoClose="false" class="type2" duration="1000" id="prg_ex02" max="100" min="0" progressClass="type2"
								step="1" style="position: relative;height: 20px;max-width: 700px;" valueType="percent">
							</w2:progressbar>
						</xf:group>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230210" 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="isbn" name="상품코드"></w2:column>
						<w2:column dataType="text" id="label" name="상품명"></w2:column>
						<w2:column id="categoryLabel" name="분야" dataType="text"></w2:column>
						<w2:column id="price" name="정가" dataType="text"></w2:column>
						<w2:column id="author" name="작가" dataType="text"></w2:column>
						<w2:column id="publisher" name="출판사" dataType="text"></w2:column>
						<w2:column id="published_date" name="출간일" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<isbn><![CDATA[9791190538510]]></isbn>
							<![CDATA[만일 내가 인생을 다시 산다면(20만 부 기념 양장본 에디션)]]>
							<categoryLabel><![CDATA[인문]]></categoryLabel>
							<price><![CDATA[17,200]]></price>
							<author><![CDATA[김혜남]]></author>
							<publisher><![CDATA[메이븐]]></publisher>
							<published_date><![CDATA[20221111]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9788997575169]]></isbn>
							<![CDATA[원씽(The One Thing)(리커버 특별판)]]>
							<categoryLabel><![CDATA[자기계발]]></categoryLabel>
							<price><![CDATA[14,000]]></price>
							<author><![CDATA[게리 켈러 외]]></author>
							<publisher><![CDATA[비즈니스북스]]></publisher>
							<published_date><![CDATA[20130830]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791190382915]]></isbn>
							<![CDATA[생에 감사해]]>
							<categoryLabel><![CDATA[시/에세이]]></categoryLabel>
							<price><![CDATA[17,000]]></price>
							<author><![CDATA[김혜자]]></author>
							<publisher><![CDATA[수오서재]]></publisher>
							<published_date><![CDATA[20221222]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791161571188]]></isbn>
							<![CDATA[불편한 편의점(40만부 기념 벚꽃 에디션)]]>
							<categoryLabel><![CDATA[소설]]></categoryLabel>
							<price><![CDATA[14,000]]></price>
							<author><![CDATA[김호연]]></author>
							<publisher><![CDATA[나무옆의자]]></publisher>
							<published_date><![CDATA[20210420]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791157062805]]></isbn>
							<![CDATA[미스터 프레지던트]]>
							<categoryLabel><![CDATA[정치/사회]]></categoryLabel>
							<price><![CDATA[22,000]]></price>
							<author><![CDATA[탁현민]]></author>
							<publisher><![CDATA[메디치미디어]]></publisher>
							<published_date><![CDATA[20230118]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791191043297]]></isbn>
							<![CDATA[오늘 밤, 세계에서 이 사랑이 사라진다 해도]]>
							<categoryLabel><![CDATA[소설]]></categoryLabel>
							<price><![CDATA[14,000]]></price>
							<author><![CDATA[이치조 미사키]]></author>
							<publisher><![CDATA[모모]]></publisher>
							<published_date><![CDATA[20210628]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791161571379]]></isbn>
							<![CDATA[불편한 편의점 2(단풍 에디션)]]>
							<categoryLabel><![CDATA[소설]]></categoryLabel>
							<price><![CDATA[14,000]]></price>
							<author><![CDATA[김호연]]></author>
							<publisher><![CDATA[나무옆의자]]></publisher>
							<published_date><![CDATA[20220810]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9788936438838]]></isbn>
							<![CDATA[아버지의 해방일지]]>
							<categoryLabel><![CDATA[소설]]></categoryLabel>
							<price><![CDATA[15,000]]></price>
							<author><![CDATA[정지아]]></author>
							<publisher><![CDATA[창비]]></publisher>
							<published_date><![CDATA[20220902]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9788901260716]]></isbn>
							<![CDATA[역행자]]>
							<categoryLabel><![CDATA[자기계발]]></categoryLabel>
							<price><![CDATA[17,500]]></price>
							<author><![CDATA[자청]]></author>
							<publisher><![CDATA[웅진지식하우스]]></publisher>
							<published_date><![CDATA[20220603]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791197647666]]></isbn>
							<![CDATA[기분이 태도가 되지 말자]]>
							<categoryLabel><![CDATA[시/에세이]]></categoryLabel>
							<price><![CDATA[16,000]]></price>
							<author><![CDATA[김수현]]></author>
							<publisher><![CDATA[하이스트]]></publisher>
							<published_date><![CDATA[20221125]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9788954680004]]></isbn>
							<![CDATA[이토록 평범한 미래]]>
							<categoryLabel><![CDATA[소설]]></categoryLabel>
							<price><![CDATA[14,000]]></price>
							<author><![CDATA[김연수]]></author>
							<publisher><![CDATA[문학동네]]></publisher>
							<published_date><![CDATA[20221007]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791189327156]]></isbn>
							<![CDATA[물고기는 존재하지 않는다]]>
							<categoryLabel><![CDATA[과학]]></categoryLabel>
							<price><![CDATA[17,000]]></price>
							<author><![CDATA[룰루 밀러]]></author>
							<publisher><![CDATA[곰출판]]></publisher>
							<published_date><![CDATA[20211217]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791187142560]]></isbn>
							<![CDATA[데일 카네기 인간관계론]]>
							<categoryLabel><![CDATA[자기계발]]></categoryLabel>
							<price><![CDATA[11,500]]></price>
							<author><![CDATA[데일 카네기]]></author>
							<publisher><![CDATA[현대지성]]></publisher>
							<published_date><![CDATA[20191007]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791130689890]]></isbn>
							<![CDATA[내가 틀릴 수도 있습니다(화이트 에디션)]]>
							<categoryLabel><![CDATA[인문]]></categoryLabel>
							<price><![CDATA[16,000]]></price>
							<author><![CDATA[비욘 나티코 린데블라드]]></author>
							<publisher><![CDATA[다산초당]]></publisher>
							<published_date><![CDATA[20220418]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791158883591]]></isbn>
							<![CDATA[부자 아빠 가난한 아빠 1(20주년 특별 기념판)]]>
							<categoryLabel><![CDATA[경제/경영]]></categoryLabel>
							<price><![CDATA[17,000]]></price>
							<author><![CDATA[로버트 기요사키]]></author>
							<publisher><![CDATA[민음인]]></publisher>
							<published_date><![CDATA[20221028]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9788984374546]]></isbn>
							<![CDATA[안젤리크]]>
							<categoryLabel><![CDATA[소설]]></categoryLabel>
							<price><![CDATA[16,800]]></price>
							<author><![CDATA[기욤 뮈소]]></author>
							<publisher><![CDATA[밝은세상]]></publisher>
							<published_date><![CDATA[20221221]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791130621678]]></isbn>
							<![CDATA[레버리지]]>
							<categoryLabel><![CDATA[경제/경영]]></categoryLabel>
							<price><![CDATA[16,000]]></price>
							<author><![CDATA[롭 무어]]></author>
							<publisher><![CDATA[다산북스]]></publisher>
							<published_date><![CDATA[20190603]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9788954699914]]></isbn>
							<![CDATA[하얼빈]]>
							<categoryLabel><![CDATA[소설]]></categoryLabel>
							<price><![CDATA[16,000]]></price>
							<author><![CDATA[김훈]]></author>
							<publisher><![CDATA[문학동네]]></publisher>
							<published_date><![CDATA[20220803]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791162540633]]></isbn>
							<![CDATA[그릿(50만부 판매 기념 리커버 골드에디션)(양장본 Hardcover)]]>
							<categoryLabel><![CDATA[자기계발]]></categoryLabel>
							<price><![CDATA[18,000]]></price>
							<author><![CDATA[앤절라 더크워스]]></author>
							<publisher><![CDATA[비즈니스북스]]></publisher>
							<published_date><![CDATA[20221219]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791191043976]]></isbn>
							<![CDATA[오늘 밤, 세계에서 이 눈물이 사라진다 해도]]>
							<categoryLabel><![CDATA[소설]]></categoryLabel>
							<price><![CDATA[14,000]]></price>
							<author><![CDATA[이치조 미사키]]></author>
							<publisher><![CDATA[모모]]></publisher>
							<published_date><![CDATA[20220728]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791130696065]]></isbn>
							<![CDATA[나의 해방일지 세트]]>
							<categoryLabel><![CDATA[예술/대중문화]]></categoryLabel>
							<price><![CDATA[64,000]]></price>
							<author><![CDATA[박해영]]></author>
							<publisher><![CDATA[오브제]]></publisher>
							<published_date><![CDATA[20230130]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791191114225]]></isbn>
							<![CDATA[작별인사]]>
							<categoryLabel><![CDATA[소설]]></categoryLabel>
							<price><![CDATA[14,000]]></price>
							<author><![CDATA[김영하]]></author>
							<publisher><![CDATA[복복서가]]></publisher>
							<published_date><![CDATA[20220502]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791192300245]]></isbn>
							<![CDATA[마흔에 읽는 니체]]>
							<categoryLabel><![CDATA[인문]]></categoryLabel>
							<price><![CDATA[16,000]]></price>
							<author><![CDATA[장재형]]></author>
							<publisher><![CDATA[유노북스]]></publisher>
							<published_date><![CDATA[20220901]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9788937437564]]></isbn>
							<![CDATA[참을 수 없는 존재의 가벼움]]>
							<categoryLabel><![CDATA[소설]]></categoryLabel>
							<price><![CDATA[15,000]]></price>
							<author><![CDATA[밀란 쿤데라]]></author>
							<publisher><![CDATA[민음사]]></publisher>
							<published_date><![CDATA[20180620]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791169475808]]></isbn>
							<![CDATA[체인소 맨 12]]>
							<categoryLabel><![CDATA[만화]]></categoryLabel>
							<price><![CDATA[6,000]]></price>
							<author><![CDATA[Tatsuki Fujimoto]]></author>
							<publisher><![CDATA[학산문화사]]></publisher>
							<published_date><![CDATA[20230125]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791130696393]]></isbn>
							<![CDATA[스카이 버스]]>
							<categoryLabel><![CDATA[가정/육아]]></categoryLabel>
							<price><![CDATA[18,000]]></price>
							<author><![CDATA[분당강쌤]]></author>
							<publisher><![CDATA[다산에듀]]></publisher>
							<published_date><![CDATA[20230103]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9788937439933]]></isbn>
							<![CDATA[사랑의 이해]]>
							<categoryLabel><![CDATA[소설]]></categoryLabel>
							<price><![CDATA[15,000]]></price>
							<author><![CDATA[이혁진]]></author>
							<publisher><![CDATA[민음사]]></publisher>
							<published_date><![CDATA[20190419]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791140702589]]></isbn>
							<![CDATA[당신도 느리게 나이 들 수 있습니다]]>
							<categoryLabel><![CDATA[인문]]></categoryLabel>
							<price><![CDATA[17,800]]></price>
							<author><![CDATA[정희원]]></author>
							<publisher><![CDATA[더퀘스트]]></publisher>
							<published_date><![CDATA[20230117]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9788972773702]]></isbn>
							<![CDATA[심리학이 제갈량에게 말하다 1]]>
							<categoryLabel><![CDATA[자기계발]]></categoryLabel>
							<price><![CDATA[17,800]]></price>
							<author><![CDATA[천위안]]></author>
							<publisher><![CDATA[리드리드출판]]></publisher>
							<published_date><![CDATA[20230210]]></published_date>
						</w2:row>
						<w2:row>
							<isbn><![CDATA[9791196617141]]></isbn>
							<![CDATA[열 번 잘해도 한 번 실수로 무너지는 게 관계다]]>
							<categoryLabel><![CDATA[시/에세이]]></categoryLabel>
							<price><![CDATA[19,600]]></price>
							<author><![CDATA[김다슬]]></author>
							<publisher><![CDATA[클라우디아]]></publisher>
							<published_date><![CDATA[20230120]]></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의 속성 'dataDragSelectAutoScroll'의 예제입니다.<br/>속성 'dataDragSelectAutoScroll'의 기능은 GridView에 세로 또는 가로 스크롤 있는 경우 사용합니다.(데이터가 화면에 보이는 영역보다 많은 경우)<br/>GridView 영역 안에서 Drag를 통해 셀의 범위를 선택하고 이어서 마우스를 GridView 영역 밖으로 이동(상하좌우) 시켰을 때,<br/>마우스의 방향에 따라 셀의 선택을 연장하는 기능을 제공합니다.<br/>이때 마우스 방향에 맞춰 스크롤이 자동으로 이동합니다.<br/>"
					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="속성 'dataDragSelectAutoScroll' 사용" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="GridView 내 Drag를 통해 셀의 범위 선택을 할 수 있습니다.<br/>드래깅 시 마우스를 GridView 영역의 아래로 이동 시키면 세로 스크롤이 이동되면서 셀의 범위가 선택됩니다." style="">
						</w2:textbox>
						<w2:gridView class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24" id="" rowNumVisible="true" rowNumWidth="26"
							style="height:100px;" visibleRowNum="5" visibleRowNumFix="true" dataDragSelect="true" useShiftKey="true"
							dataDragSelectAutoScroll="true" dataDragSelectAutoScrollLevel="1000" dataDragSelectAutoScrollPeriod="50" autoFit="none"
							readOnly="true" tooltipDisplay="true" rowMouseOver="false">
							<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="76" inputType="text" id="column5" value="분야" displayMode="label"></w2:column>
									<w2:column width="230" inputType="text" id="column6" value="상품명" displayMode="label"></w2:column>
									<w2:column width="60" inputType="text" id="column4" value="정가" displayMode="label"></w2:column>
									<w2:column width="70" inputType="text" id="column1" value="출간일" displayMode="label"></w2:column>
									<w2:column width="80" inputType="text" id="column3" value="작가" displayMode="label"></w2:column>
									<w2:column width="80" inputType="text" id="column2" value="출판사" displayMode="label"></w2:column>
									<w2:column width="90" inputType="text" id="column7" value="상품코드" displayMode="label"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody style="" id="gBody1">
								<w2:row style="" id="row2">
									<w2:column width="76" inputType="text" id="categoryLabel" displayMode="label"></w2:column>
									<w2:column width="230" inputType="text" id="label" displayMode="label" textAlign="left" value=""></w2:column>
									<w2:column width="60" inputType="text" id="price" displayMode="label" dataType="number" displayFormat="#,###"></w2:column>
									<w2:column width="70" inputType="text" id="published_date" displayMode="label" dataType="date"></w2:column>
									<w2:column width="80" inputType="text" id="author" displayMode="label" textAlign="left"></w2:column>
									<w2:column width="80" inputType="text" id="publisher" displayMode="label" textAlign="left"></w2:column>
									<w2:column width="90" inputType="text" id="isbn" displayMode="label"></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="속성 'dataDragSelectAutoScroll' 미사용" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="GridView 내 Drag를 통해 셀의 범위 선택을 할 수 있습니다." style="">
						</w2:textbox>
						<w2:gridView autoFit="none" class="gvw" dataDragSelect="true" dataDragSelectAutoScroll="false"
							dataList="data:dlt_books_1" defaultCellHeight="24" id="" readOnly="true" rowNumVisible="true" rowNumWidth="26" style="height:100px;"
							tooltipDisplay="true" useShiftKey="true" visibleRowNum="5" visibleRowNumFix="true" rowMouseOver="false">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" value="분야" width="76"></w2:column>
									<w2:column displayMode="label" id="column6" inputType="text" value="상품명" width="230"></w2:column>
									<w2:column displayMode="label" id="column4" inputType="text" value="정가" width="60"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" value="출간일" width="70"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="작가" width="80"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="출판사" width="80"></w2:column>
									<w2:column displayMode="label" id="column7" inputType="text" value="상품코드" width="90"></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="76"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" value="" width="230"></w2:column>
									<w2:column dataType="number" displayFormat="#,###" displayMode="label" id="price" inputType="text" width="60">
									</w2:column>
									<w2:column dataType="date" displayMode="label" id="published_date" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="author" inputType="text" textAlign="left" width="80"></w2:column>
									<w2:column displayMode="label" id="publisher" inputType="text" textAlign="left" width="80"></w2:column>
									<w2:column displayMode="label" id="isbn" inputType="text" width="90"></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="20230127" 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="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의 행 고정 기능 예제입니다.
이 기능은 아래의 속성과 함수로 사용할 수 있습니다.
- fixedRow : (속성) 행 고정
- setFixedRow : (함수) 행 고정'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="행 고정 적용 - 속성" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="상단 2번째 행이 고정되어 있습니다." style=""></w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="250" class="gvw" dataList="data:dlt_books" defaultCellHeight="24"
							id="" rowNumVisible="true" rowNumWidth="26" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true" fixedRow="2">
							<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="64"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" sortable="true" value="도서명" width="180"></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="64"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="180"></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="아래의 버튼을 클릭하여 고정된 행을 확인합니다." style="">
						</w2:textbox>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" ev:onclick="scwin.btn_ex1_1_onclick"
								id="btn_ex1_1" style="" type="button">
								<xf:label><![CDATA[상단 1번째 행까지 고정하기]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" ev:onclick="scwin.btn_ex1_2_onclick"
								id="btn_ex1_2" style="" type="button">
								<xf:label><![CDATA[행 고정 모두 해제하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="250" class="gvw" dataList="data:dlt_books" defaultCellHeight="24"
							id="grd_exam2" 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="column2" inputType="text" value="분류" width="64"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" sortable="true" value="도서명" width="180"></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="64"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="180"></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="20230217" 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: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의 이벤트 onScrollStart 예제입니다.
GridView의 세로 스크롤이 이동하여 최상단에 닿을 때 최초 1회 발생합니다." style="">
				</w2:textbox>
				<w2:textbox escape="false" id=""
					label="속성 alwaysTriggerScrollStart을 'true'로 지정하면 스크롤이 최상단에 위치할 때 마다 onscrollstart이벤트가 발생합니다.
" style="">
				</w2:textbox>
				<w2:textbox class="txt_info_important" id="" label="컴포넌트의 이벤트 발생 시 영역 [로그 확인]의 textarea 또는 브라우저 개발자도구 콘솔에 로그가 출력됩니다."
					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="이벤트 onscrollstart 발생 시 로그 출력하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="세로 스크롤을 아래로 내렸다가 최상단으로 이동시킵니다.
스크롤이 최상단에 닿으면 최초 1회 로그가 출력됩니다." style="">
						</w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="280" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24"
							id="grd_exam1" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true" rowNumVisible="true" rowNumWidth="26"
							ev:onscrollstart="scwin.grd_exam1_onscrollstart">
							<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="70"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="160" 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="70" value=""></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="160" value=""></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="" style="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_th_style" id="">
						<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_P00157P01";

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

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

    //팝업 열기
    $p.openPopup("/page/P00157P01.xml", jsnOptions);
};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<w2:textbox id="" label="P00157S01.xml" style="color: dodgerblue;font-size: 2em;font-weight: bold;"></w2:textbox>
			<xf:group id="" style="">
				<xf:trigger class="btn_exam_exec" id="btn_ex1" localeRef="" style="min-width: 30px; height: 26px;" type=""
					useDefaultLabel="true" ev:onclick="scwin.btn_ex1_onclick">
					<xf:label><![CDATA[팝업 열기]]></xf:label>
				</xf:trigger>
			</xf:group>
		</xf:group>
	</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head>
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20221014" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<w2:textbox id="" label="P00138S01.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="20230120" 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">
						<w2:row>
							<book_name><![CDATA[사람일까 상황일까]]></book_name>
							<price><![CDATA[28000]]></price>
							<published_date><![CDATA[20190826]]></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[16500]]></price>
							<published_date><![CDATA[20130701]]></published_date>
						</w2:row>
						<w2:row>
							<book_name><![CDATA[불편한 편의점]]></book_name>
							<price><![CDATA[14000]]></price>
							<published_date><![CDATA[20210420]]></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의 비활성화 된 셀의 배경색과 글자색을 지정하는 예제입니다.
이 기능은 속성 disabledBackgroundColor, disabledFontColor에 지정하여 사용할 수 있습니다.
또는 class 'w2grid_default_disabled'를 재정의하여 지정할 수도 있습니다."
					style="">
				</w2:textbox>
				<w2:textbox escape="false" id="" label="화면 로딩 후 각 GridView에 cell, column, row 단위를 비활성화하는 스크립트가 작성되어 있습니다." style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="비활성화 된 셀의 배경색, 글자색 지정 - 속성" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="컬럼 '도서명'의 1번째 행의 셀이 비활성화 되었습니다.
컬럼 '정가'가 비활성화 되었습니다.
3번째 행이 비활성화 되었습니다." style="">
						</w2:textbox>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books" defaultCellHeight="24"
							id="grd_exam1" style="height:100px;" visibleRowNum="4" visibleRowNumFix="true" rowNumVisible="true" rowNumWidth="26"
							disabledBackgroundColor="#eee" disabledFontColor="#bbb">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="170"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="정가" width="60"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" value="출간일" width="86"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" width="170" value=""></w2:column>
									<w2:column dataType="number" displayFormat="#,###" displayMode="label" id="price" inputType="text" textAlign="right"
										width="60">
									</w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="published_date" inputType="text" width="86"
										value="">
									</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="비활성화 된 셀의 배경색, 글자색 지정 - class 정의" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="컬럼 '도서명'의 1번째 행의 셀이 비활성화 되었습니다.
컬럼 '정가'가 비활성화 되었습니다.
3번째 행이 비활성화 되었습니다." style="">
						</w2:textbox>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw P00189_exam2" dataList="data:dlt_books"
							defaultCellHeight="24" id="grd_exam2" 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="column3" inputType="text" value="도서명" width="170"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="정가" width="60"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" value="출간일" width="86"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" value="" width="170"></w2:column>
									<w2:column dataType="number" displayFormat="#,###" displayMode="label" id="price" inputType="text" textAlign="right"
										width="60">
									</w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="published_date" inputType="text" value=""
										width="86">
									</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="컬럼 '도서명'의 1번째 행의 셀이 비활성화 되었습니다.
컬럼 '정가'가 비활성화 되었습니다.
3번째 행이 비활성화 되었습니다.
기본 설정은 셀의 style이 변경되지 않습니다."
							style="">
						</w2:textbox>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books" defaultCellHeight="24"
							id="grd_exam3" 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="column3" inputType="text" value="도서명" width="170"></w2:column>
									<w2:column displayMode="label" id="column2" inputType="text" value="정가" width="60"></w2:column>
									<w2:column displayMode="label" id="column1" inputType="text" value="출간일" width="86"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" value="" width="170"></w2:column>
									<w2:column dataType="number" displayFormat="#,###" displayMode="label" id="price" inputType="text" textAlign="right"
										width="60">
									</w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="published_date" inputType="text" value=""
										width="86">
									</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="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="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='TabControl의 속성 tabScrollAuto 예제입니다.
속성 tabScrollAuto은 속성 tabScroll이 "true"로 설정되어야 동작됩니다.
tabScrollAuto은 탭 영역을 오른쪽 끝까지 이동한 상태에서 탭을 닫았을 때,
남아있는 탭으로 탭 영역에 보이는 탭의 개수를 유지시켜 주는 기능을 제공합니다.'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" style="" class=""></xf:group>
			<xf:group class="example_div_tb_style_wrap mw600" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="(기본 동작) tabScrollAuto 미사용" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" id="" label="마지막 탭(TAB8)을 닫으면 닫힌 탭의 영역이 빈 상태입니다." style="">
						</w2:textbox>
						<w2:tabControl alwaysDraw="false" class="" confirmFalseAction="new" confirmTrueAction="exist" id="tac_exam1"
							style="position: relative;height: 120px;" tabScroll="true" useConfirmMessage="false" useMoveNextTabFocus="false" useTabKeyOnly="true"
							changeActiveTab="false" tabScrollAuto="false" closable="true">
							<w2:tabs disabled="false" id="tabs1" label="TAB1" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs2" label="TAB2" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs3" label="TAB3" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs4" label="TAB4" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs5" label="TAB5" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs6" label="TAB6" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs7" label="TAB7" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs8" label="TAB8" style="width:90px;height:30px;"></w2:tabs>
							<w2:content alwaysDraw="false" id="content1" style="min-height:30px;">
								<w2:textbox id="" label="TAB1 CONTENT" style="font-size: 1.2em;padding: 6px;color: steelblue;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content2" style="min-height:30px;">
								<w2:textbox id="" label="TAB2 CONTENT" style="font-size: 1.2em;padding: 6px;color: forestgreen;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content3" style="min-height:30px;">
								<w2:textbox id="" label="TAB3 CONTENT" style="font-size: 1.2em;padding: 6px;color: firebrick;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content4" style="min-height:30px;">
								<w2:textbox id="" label="TAB4 CONTENT" style="font-size: 1.2em;padding: 6px;color: gold;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content5" style="min-height:30px;">
								<w2:textbox id="" label="TAB5 CONTENT" style="font-size: 1.2em;padding: 6px;color: darkviolet;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content6" style="min-height:30px;">
								<w2:textbox id="" label="TAB6 CONTENT" style="font-size: 1.2em;padding: 6px;color: dimgray;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content7" style="min-height:30px;">
								<w2:textbox id="" label="TAB7 CONTENT" style="font-size: 1.2em;padding: 6px;color: darkorange;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content8" style="min-height:30px;">
								<w2:textbox id="" label="TAB8 CONTENT" style="font-size: 1.2em;padding: 6px;color: crimson;"></w2:textbox>
							</w2:content>
						</w2:tabControl>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="tabScrollAuto 사용" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" id="" label="마지막 탭(TAB8)을 닫으면 탭의 위치가 오른쪽으로 이동되어 닫힌 탭의 공간이 채워집니다." style=""></w2:textbox>
						<w2:tabControl alwaysDraw="false" class="" confirmFalseAction="new" confirmTrueAction="exist" id="tac_exam2"
							style="position: relative;height: 120px;" tabScroll="true" useConfirmMessage="false" useMoveNextTabFocus="false" useTabKeyOnly="true"
							tabScrollAuto="true" changeActiveTab="false" closable="true">
							<w2:tabs disabled="false" id="tabs1" label="TAB1" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs2" label="TAB2" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs3" label="TAB3" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs4" label="TAB4" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs5" label="TAB5" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs6" label="TAB6" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs7" label="TAB7" style="width:90px;height:30px;"></w2:tabs>
							<w2:tabs disabled="false" id="tabs8" label="TAB8" style="width:90px;height:30px;"></w2:tabs>
							<w2:content alwaysDraw="false" id="content1" style="min-height:30px;">
								<w2:textbox id="" label="TAB1 CONTENT" style="font-size: 1.2em;padding: 6px;color: steelblue;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content2" style="min-height:30px;">
								<w2:textbox id="" label="TAB2 CONTENT" style="font-size: 1.2em;padding: 6px;color: forestgreen;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content3" style="min-height:30px;">
								<w2:textbox id="" label="TAB3 CONTENT" style="font-size: 1.2em;padding: 6px;color: firebrick;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content4" style="min-height:30px;">
								<w2:textbox id="" label="TAB4 CONTENT" style="font-size: 1.2em;padding: 6px;color: gold;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content5" style="min-height:30px;">
								<w2:textbox id="" label="TAB5 CONTENT" style="font-size: 1.2em;padding: 6px;color: darkviolet;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content6" style="min-height:30px;">
								<w2:textbox id="" label="TAB6 CONTENT" style="font-size: 1.2em;padding: 6px;color: dimgray;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content7" style="min-height:30px;">
								<w2:textbox id="" label="TAB7 CONTENT" style="font-size: 1.2em;padding: 6px;color: darkorange;"></w2:textbox>
							</w2:content>
							<w2:content alwaysDraw="false" id="content8" style="min-height:30px;">
								<w2:textbox id="" label="TAB8 CONTENT" style="font-size: 1.2em;padding: 6px;color: crimson;"></w2:textbox>
							</w2:content>
						</w2:tabControl>
					</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="20221230" 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="book_name" name="도서명"></w2:column>
						<w2:column id="categoryLabel" name="분류" dataType="text"></w2:column>
						<w2:column id="chk_1" name="Checkbox" dataType="text" defaultValue="0"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="GridView의 컬럼 속성 inputType이 checkbox일 때,
checkbox가 체크된 행의 데이터를 반환 받는 예제입니다." style="" class="">
				</w2:textbox>
				<w2:textbox class="" escape="false" id=""
					label="데이터 유형별 아래의 함수를 사용할 수 있습니다.
- JSON 배열 : getCheckedJSON
- XML : getCheckedXML
- 2차원 배열 : getCheckedData //행 단위로 컬럼의 value가 배열로 담깁니다."
					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="체크된 행의 Data 반환받기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="컬럼 [선택]의 checkbox를 체크합니다.
버튼을 클릭하고 로그 확인 영역 로그를 확인합니다." style="">
						</w2:textbox>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" id="btn_ex1" style="" type="button"
								ev:onclick="scwin.btn_ex1_onclick">
								<xf:label><![CDATA[getCheckedJSON]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2"
								style="" type="button">
								<xf:label><![CDATA[getCheckedXML]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" disabled="" escape="false" ev:onclick="scwin.btn_ex3_onclick" id="btn_ex3"
								style="" type="button">
								<xf:label><![CDATA[getCheckedData]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="162" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24"
							id="grd_exam1" rowNumVisible="true" rowNumWidth="20" style="height:100px;" visibleRowNum="3" 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="column5" inputType="text" style="" value="선택" width="40"></w2:column>
									<w2:column displayMode="label" id="column4" inputType="text" style="" value="분류" width="52"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="110"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="chk_1" inputType="checkbox" style="" value="" valueType="binary" width="40">
									</w2:column>
									<w2:column displayMode="label" id="categoryLabel" inputType="text" style="" value="" width="52"></w2:column>
									<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" value="" width="110"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="" style="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_th_style" id="">
						<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="20221021" 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="">
			<w2:textbox id="" label="P00145S01.xml" style="color: dodgerblue;font-size: 2em;font-weight: bold;"></w2:textbox>
		</xf:group>
	</body>
</html>