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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230711" meta_user="InswaveSystems"></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_statistic" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column dataType="text" id="category1" name="대분류"></w2:column>
						<w2:column dataType="text" id="category2" name="중분류"></w2:column>
						<w2:column dataType="text" id="quarter1" name="Q1"></w2:column>
						<w2:column dataType="text" id="quarter2" name="Q2"></w2:column>
						<w2:column dataType="text" id="quarter3" name="Q3"></w2:column>
						<w2:column dataType="text" id="quarter4" name="Q4"></w2:column>
					</w2:columnInfo>
					<w2:data use="true" xmlns="">
						<w2:row>
							<category1><![CDATA[소설]]></category1>
							<category2><![CDATA[국내]]></category2>
							<quarter1><![CDATA[100]]></quarter1>
							<quarter2><![CDATA[100]]></quarter2>
							<quarter3><![CDATA[100]]></quarter3>
							<quarter4><![CDATA[100]]></quarter4>
						</w2:row>
						<w2:row>
							<category1><![CDATA[소설]]></category1>
							<category2><![CDATA[국내]]></category2>
							<quarter1><![CDATA[300]]></quarter1>
							<quarter2><![CDATA[200]]></quarter2>
							<quarter3><![CDATA[200]]></quarter3>
							<quarter4><![CDATA[100]]></quarter4>
						</w2:row>

						<w2:row>
							<category1><![CDATA[소설]]></category1>
							<category2><![CDATA[국외]]></category2>
							<quarter1><![CDATA[500]]></quarter1>
							<quarter2><![CDATA[200]]></quarter2>
							<quarter3><![CDATA[200]]></quarter3>
							<quarter4><![CDATA[500]]></quarter4>
						</w2:row>
						<w2:row>
							<category1><![CDATA[인문]]></category1>
							<category2><![CDATA[인문]]></category2>
							<quarter1><![CDATA[600]]></quarter1>
							<quarter2><![CDATA[600]]></quarter2>
							<quarter3><![CDATA[100]]></quarter3>
							<quarter4><![CDATA[700]]></quarter4>
						</w2:row>
						<w2:row>
							<category1><![CDATA[인문]]></category1>
							<category2><![CDATA[인문]]></category2>
							<quarter1><![CDATA[100]]></quarter1>
							<quarter2><![CDATA[200]]></quarter2>
							<quarter3><![CDATA[100]]></quarter3>
							<quarter4><![CDATA[800]]></quarter4>
						</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의 병합 기능을 제공하는 속성 'mergeCells'의 설정 값 비교 예제입니다.
GridView에 동일한 DataList를 연결하였습니다.
설정 값에 따라 GridView에 출력되는 데이터의 모양을 확인합니다."
					style=""></w2:textbox>
				<xf:group id="" style="" tagname="details">
					<w2:textbox class="" id="" label="설정 값에 따른 기능 설명 보기" style="" tagname="summary"></w2:textbox>
					<w2:textbox class="" escape="false" id=""
						label="- never: 자동 병합을 사용하지 않음.
- bycol: column 내에서 연속적으로 데이터가 같은 cell들을 병합.
- byrow: row 내에서 연속적으로 데이터가 같은 cell들을 병합.
- bycolrec: 'bycol' 조건을 적용하고, 병합되지 않은 cell들을 대상으로 'byrow' 조건을 적용.
- byrowrec: 'byrow' 조건을 적용하고, 병합되지 않은 cell들을 대상으로 'bycol을' 조건을 적용.
- byrestriccol: column 내에서 연속적으로 데이터가 같은 cell을 병합. 두 번째 컬럼부터 왼쪽의 컬럼이 병합된 경우만 적용.
- byrestricrow: row 내에서 연속적으로 데이터가 같은 cell을 병합. 두 번째 행부터 상위(현재 행-1) 행이 병합된 경우만 적용."
						style="margin-bottom: 6px;">
					</w2:textbox>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="(기본 값) 속성 'mergeCells'을 'never'로 지정" style="">
					</w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="병합을 사용하지 않음." style="">
						</w2:textbox>
						<w2:gridView applyAllColumnStyle="false" autoFit="allColumn" autoFitMinWidth="252" class="gvw"
							dataList="data:dlt_statistic" defaultCellHeight="26" id="" ignoreCellClick="false" ignoreToggleOnDisabled="false"
							keepDefaultColumnWidth="true" mergeCells="never" rowNumVisible="true" rowNumWidth="28" scrollByColumn="false"
							scrollByColumnAdaptive="false" style="height: 100px;" summaryAuto="false" summaryOnlyAuto="false" useShiftKey="true"
							visibleRowNum="all" readOnly="true">
							<w2:caption id="caption3" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header3" style="">
								<w2:row id="row5" style="">
									<w2:column blockSelect="false" displayMode="label" id="column59" inputType="text" value="대분류" width="50">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column57" inputType="text" value="중분류" width="50">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column55" inputType="text" value="Q1" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column53" inputType="text" value="Q2" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column51" inputType="text" value="Q3" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column49" inputType="text" value="Q4" width="38">
									</w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody3" style="">
								<w2:row id="row6" style="">
									<w2:column blockSelect="false" displayMode="label" id="category1" inputType="text" width="50"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="category2" inputType="text" width="50"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter1" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter2" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter3" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter4" inputType="text" width="38"></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="속성 'mergeCells'을 'bycol'로 지정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="column 내에서 연속적으로 데이터가 같은 cell들을 병합." style=""></w2:textbox>
						<w2:gridView applyAllColumnStyle="false" autoFit="allColumn" autoFitMinWidth="252" class="gvw"
							dataList="data:dlt_statistic" defaultCellHeight="26" id="" ignoreCellClick="false" ignoreToggleOnDisabled="false"
							keepDefaultColumnWidth="true" mergeCells="bycol" rowNumVisible="true" rowNumWidth="28" scrollByColumn="false"
							scrollByColumnAdaptive="false" style="height: 100px;" summaryAuto="false" summaryOnlyAuto="false" useShiftKey="true"
							visibleRowNum="all" readOnly="true">
							<w2:caption id="caption3" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header3" style="">
								<w2:row id="row5" style="">
									<w2:column blockSelect="false" displayMode="label" id="column59" inputType="text" value="대분류" width="50">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column57" inputType="text" value="중분류" width="50">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column55" inputType="text" value="Q1" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column53" inputType="text" value="Q2" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column51" inputType="text" value="Q3" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column49" inputType="text" value="Q4" width="38">
									</w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody3" style="">
								<w2:row id="row6" style="">
									<w2:column blockSelect="false" displayMode="label" id="category1" inputType="text" width="50"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="category2" inputType="text" width="50"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter1" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter2" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter3" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter4" inputType="text" width="38"></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="속성 'mergeCells'을 'byrow'로 지정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="row 내에서 연속적으로 데이터가 같은 cell들을 병합." style=""></w2:textbox>
						<w2:gridView applyAllColumnStyle="false" autoFit="allColumn" autoFitMinWidth="252" class="gvw"
							dataList="data:dlt_statistic" defaultCellHeight="26" id="" ignoreCellClick="false" ignoreToggleOnDisabled="false"
							keepDefaultColumnWidth="true" mergeCells="byrow" rowNumVisible="true" rowNumWidth="28" scrollByColumn="false"
							scrollByColumnAdaptive="false" style="height: 100px;" summaryAuto="false" summaryOnlyAuto="false" useShiftKey="true"
							visibleRowNum="all" readOnly="true">
							<w2:caption id="caption3" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header3" style="">
								<w2:row id="row5" style="">
									<w2:column blockSelect="false" displayMode="label" id="column59" inputType="text" value="대분류" width="50">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column57" inputType="text" value="중분류" width="50">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column55" inputType="text" value="Q1" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column53" inputType="text" value="Q2" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column51" inputType="text" value="Q3" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column49" inputType="text" value="Q4" width="38">
									</w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody3" style="">
								<w2:row id="row6" style="">
									<w2:column blockSelect="false" displayMode="label" id="category1" inputType="text" width="50"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="category2" inputType="text" width="50"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter1" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter2" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter3" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter4" inputType="text" width="38"></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="속성 'mergeCells'을 'bycolrec'로 지정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="'bycol' 조건을 적용하고, 병합되지 않은 cell들을 대상으로 'byrow' 조건을 적용." style=""></w2:textbox>
						<w2:gridView applyAllColumnStyle="false" autoFit="allColumn" autoFitMinWidth="252" class="gvw"
							dataList="data:dlt_statistic" defaultCellHeight="26" id="" ignoreCellClick="false" ignoreToggleOnDisabled="false"
							keepDefaultColumnWidth="true" mergeCells="bycolrec" rowNumVisible="true" rowNumWidth="28" scrollByColumn="false"
							scrollByColumnAdaptive="false" style="height: 100px;" summaryAuto="false" summaryOnlyAuto="false" useShiftKey="true"
							visibleRowNum="all" readOnly="true">
							<w2:caption id="caption3" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header3" style="">
								<w2:row id="row5" style="">
									<w2:column blockSelect="false" displayMode="label" id="column59" inputType="text" value="대분류" width="50">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column57" inputType="text" value="중분류" width="50">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column55" inputType="text" value="Q1" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column53" inputType="text" value="Q2" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column51" inputType="text" value="Q3" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column49" inputType="text" value="Q4" width="38">
									</w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody3" style="">
								<w2:row id="row6" style="">
									<w2:column blockSelect="false" displayMode="label" id="category1" inputType="text" width="50"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="category2" inputType="text" width="50"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter1" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter2" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter3" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter4" inputType="text" width="38"></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="속성 'mergeCells'을 'byrowrec'로 지정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="'byrow' 조건을 적용하고, 병합되지 않은 cell들을 대상으로 'bycol을' 조건을 적용." style=""></w2:textbox>
						<w2:gridView applyAllColumnStyle="false" autoFit="allColumn" autoFitMinWidth="252" class="gvw"
							dataList="data:dlt_statistic" defaultCellHeight="26" id="" ignoreCellClick="false" ignoreToggleOnDisabled="false"
							keepDefaultColumnWidth="true" mergeCells="byrowrec" rowNumVisible="true" rowNumWidth="28" scrollByColumn="false"
							scrollByColumnAdaptive="false" style="height: 100px;" summaryAuto="false" summaryOnlyAuto="false" useShiftKey="true"
							visibleRowNum="all" readOnly="true">
							<w2:caption id="caption3" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header3" style="">
								<w2:row id="row5" style="">
									<w2:column blockSelect="false" displayMode="label" id="column59" inputType="text" value="대분류" width="50">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column57" inputType="text" value="중분류" width="50">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column55" inputType="text" value="Q1" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column53" inputType="text" value="Q2" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column51" inputType="text" value="Q3" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column49" inputType="text" value="Q4" width="38">
									</w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody3" style="">
								<w2:row id="row6" style="">
									<w2:column blockSelect="false" displayMode="label" id="category1" inputType="text" width="50"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="category2" inputType="text" width="50"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter1" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter2" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter3" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter4" inputType="text" width="38"></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="속성 'mergeCells'을 'byrestriccol'로 지정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="column 내에서 연속적으로 데이터가 같은 cell을 병합. 두 번째 컬럼부터 왼쪽의 컬럼이 병합된 경우만 적용." style=""></w2:textbox>
						<w2:gridView applyAllColumnStyle="false" autoFit="allColumn" autoFitMinWidth="252" class="gvw"
							dataList="data:dlt_statistic" defaultCellHeight="26" id="" ignoreCellClick="false" ignoreToggleOnDisabled="false"
							keepDefaultColumnWidth="true" mergeCells="byrestriccol" rowNumVisible="true" rowNumWidth="28" scrollByColumn="false"
							scrollByColumnAdaptive="false" style="height: 100px;" summaryAuto="false" summaryOnlyAuto="false" useShiftKey="true"
							visibleRowNum="all" readOnly="true">
							<w2:caption id="caption3" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header3" style="">
								<w2:row id="row5" style="">
									<w2:column blockSelect="false" displayMode="label" id="column59" inputType="text" value="대분류" width="50">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column57" inputType="text" value="중분류" width="50">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column55" inputType="text" value="Q1" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column53" inputType="text" value="Q2" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column51" inputType="text" value="Q3" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column49" inputType="text" value="Q4" width="38">
									</w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody3" style="">
								<w2:row id="row6" style="">
									<w2:column blockSelect="false" displayMode="label" id="category1" inputType="text" width="50"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="category2" inputType="text" width="50"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter1" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter2" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter3" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter4" inputType="text" width="38"></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="속성 'mergeCells'을 'byrestricrow'로 지정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="row 내에서 연속적으로 데이터가 같은 cell을 병합. 두 번째 행부터 상위(현재 행-1) 행이 병합된 경우만 적용." style=""></w2:textbox>
						<w2:gridView applyAllColumnStyle="false" autoFit="allColumn" autoFitMinWidth="252" class="gvw"
							dataList="data:dlt_statistic" defaultCellHeight="26" id="" ignoreCellClick="false" ignoreToggleOnDisabled="false"
							keepDefaultColumnWidth="true" mergeCells="byrestricrow" rowNumVisible="true" rowNumWidth="28" scrollByColumn="false"
							scrollByColumnAdaptive="false" style="height: 100px;" summaryAuto="false" summaryOnlyAuto="false" useShiftKey="true"
							visibleRowNum="all" readOnly="true">
							<w2:caption id="caption3" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header3" style="">
								<w2:row id="row5" style="">
									<w2:column blockSelect="false" displayMode="label" id="column59" inputType="text" value="대분류" width="50">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column57" inputType="text" value="중분류" width="50">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column55" inputType="text" value="Q1" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column53" inputType="text" value="Q2" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column51" inputType="text" value="Q3" width="38">
									</w2:column>
									<w2:column blockSelect="false" displayMode="label" id="column49" inputType="text" value="Q4" width="38">
									</w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody3" style="">
								<w2:row id="row6" style="">
									<w2:column blockSelect="false" displayMode="label" id="category1" inputType="text" width="50"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="category2" inputType="text" width="50"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter1" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter2" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter3" inputType="text" width="38"></w2:column>
									<w2:column blockSelect="false" displayMode="label" id="quarter4" inputType="text" width="38"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


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

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

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="TabControl의 탭 Index로 탭을 선택하는 함수 'setSelectedTabIndex' 예시입니다.
이 함수는 비동기로 실행되기 때문에 탭 선택이 완료된 후 로직을 구성해야 한다면 키워드 'await'와 'async'를 사용해야 합니다.
스크립트에서 작성 예시를 확인할 수 있습니다."
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" style="" class=""></xf:group>
			<xf:group class="example_div_tb_style_wrap mw600" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_exam1_1_onclick" id="btn_exam1_1" style=""
								type="button">
								<xf:label><![CDATA[Index가 1인 탭 선택하기 - await 사용]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_exam1_2_onclick" id="btn_exam1_2" style="" type="button">
								<xf:label><![CDATA[Index가 2인 탭 선택하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group id="" class="">
							<w2:tabControl confirmTrueAction="exist" confirmFalseAction="new" useTabKeyOnly="true" tabScroll=""
								useMoveNextTabFocus="false" useConfirmMessage="false" alwaysDraw="false" style="position: relative;height: 120px;" id="tac_exam1"
								class="">
								<w2:tabs disabled="false" style="width:70px;height:30px;" id="tabs1" label="TAB1"></w2:tabs>
								<w2:tabs disabled="false" style="width:70px;height:30px;" id="tabs2" label="TAB2"></w2:tabs>
								<w2:tabs disabled="false" style="width:70px;height:30px" id="tabs3" label="TAB3"></w2:tabs>
								<w2:content alwaysDraw="false" style="min-height:30px;" id="content1">
									<w2:textbox style="font-size: 1.2em;padding: 6px;color: steelblue;font-weight: bold;" id="" label="TAB1 CONTENT"></w2:textbox>
								</w2:content>
								<w2:content alwaysDraw="false" style="min-height:30px;" id="content2">
									<w2:textbox style="font-size: 1.2em;padding: 6px;color: salmon;font-weight: bold;" id="" label="TAB2 CONTENT"></w2:textbox>
								</w2:content>
								<w2:content alwaysDraw="false" style="height:90px" id="content3">
									<w2:textbox style="font-size: 1.2em;padding: 6px;color: forestgreen;font-weight: bold;" id="" label="TAB3 CONTENT"></w2:textbox>
								</w2:content>
							</w2:tabControl>
						</xf:group>
					</xf:group>
				</xf:group>

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


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

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

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="DataList의 컬럼 데이터에 필터를 적용하는 예제입니다.
이 예제는 함수 'setColumnFilter'의 첫 번째 인자의 속성 'type' 설정 값을 'func'로 지정한 예시입니다.
속성 'type'의 설정 값이 'func'로 지정되면 사용자가 정의한 함수로 검색합니다.
함수는 속성 'key'에 할당합니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" id="" label="이 기능은 사용자 정의 함수에서 행의 인덱스를 받기 때문에 다른 컬럼의 데이터를 참조하여 로직을 구성할 수 있습니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" id="" label="버튼을 클릭하면 '로그 확인' 영역과 브라우저 개발자도구의 콘솔에 로그가 출력됩니다." style=""></w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_td_style no_padding" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_cm" disabled="" escape="false" id="btn_initData" style="" type="button"
								ev:onclick="scwin.btn_initData_onclick">
								<xf:label><![CDATA[DataList의 데이터 초기화]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_cm" disabled="" escape="false" id="btn_clearFilter" style="" type="button"
								ev:onclick="scwin.btn_clearFilter_onclick">
								<xf:label><![CDATA[DataList의 필터 전체 해제]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_1_onclick" id="btn_exam1_1"
								style="" type="button">
								<xf:label><![CDATA[컬럼 '분류'에 필터 적용 - 데이터가 '인문'과 일치]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_2_onclick" id="btn_exam1_2"
								style="" type="button">
								<xf:label><![CDATA[컬럼 '분류'에 필터 적용 - 데이터 중 '에세이'가 포함]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_3_onclick" id="btn_exam1_3"
								style="" type="button">
								<xf:label><![CDATA[컬럼 '분류'에 필터 적용 - 데이터가 '에세이'와 일치]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_4_onclick" id="btn_exam1_4"
								style="" type="button">
								<xf:label><![CDATA[컬럼 '분류'에 필터 적용 - 데이터가 '소설'과 일치하거나 '에세이'가 포함]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_5_onclick" id="btn_exam1_5"
								style="" type="button">
								<xf:label><![CDATA[컬럼 '분류'에 필터 적용 - '분류' 컬럼의 데이터가 '인문'과 일치하고 '정가' 컬럼의 데이터가 '17000' 이상]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="[ 결과 확인용 GridView ]" style=""></w2:textbox>
						<w2:gridView autoFit="lastColumn" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24" id="" rowNumWidth="26"
							style="height:60px;" visibleRowNum="4" autoFitMinWidth="220" tooltipDisplay="true" readOnly="true" initFixedHeightByRowNum="4">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column width="70" inputType="text" id="column5" value="분류" displayMode="label"></w2:column>
									<w2:column displayMode="label" id="column4" inputType="text" value="정가" width="50"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="100"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column width="70" inputType="text" id="categoryLabel" displayMode="label"></w2:column>
									<w2:column displayMode="label" id="price" inputType="text" width="50" value=""></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" width="100" textAlign="left"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group id="" class="example_div_th_style">
						<w2:span label="로그 확인" style="" id="" class="mr_def txt_blue"></w2:span>
						<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
							title="로그 삭제" type="button">
							<xf:label><![CDATA[검색 취소]]></xf:label>
						</xf:trigger>
					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230310" 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[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 class="" escape="false" id=""
					label="GridView의 데이터를 CSV로 다운로드 시 다운로드할 데이터를 지정하는 예제입니다.
GridView의 함수 'saveCSV'의 옵션 'type'으로 다운로드할 데이터를 지정합니다." style="">
				</w2:textbox>
				<w2:textbox class="" escape="false" id=""
					label="옵션의 설명은 아래와 같습니다.
- type : [default: 1, 0] 사용할 데이터. 0: value 값 사용. 1: 화면의 출력 값 사용." style="">
				</w2:textbox>
				<xf:group id="" style="" tagname="details">
					<w2:textbox class="" id="" label="더보기" style="" tagname="summary"></w2:textbox>
					<w2:textbox class="" escape="false" id=""
						label="다운로드할 데이터를 화면의 출력값으로 지정하고 구분자를 ','(쉼표)로 설정하고자 할 때, 출력값에 ','(쉼표)를 제거하는 옵션을 지정할 수 있습니다.
관련 옵션은 아래와 같습니다.
- delim : [default: ';'] CSV 파일에서 데이터를 구분할 구분자
- removeQuotation : [default: 0, 1] value에 ','(쉼표/comma)의 제거 여부 (0 : 유지, 1 : 제거)"
						style="margin-bottom: 6px;">
					</w2:textbox>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="mb_def_box nobottom" id="" style="">
					<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" localeRef=""
						style="min-width: 30px; height: 26px;" type="" useDefaultLabel="true">
						<xf:label><![CDATA[CSV 다운로드 - (기본 값) 화면의 출력 값으로 다운로드]]></xf:label>
					</xf:trigger>
					<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" localeRef=""
						style="min-width:30px;height:26px;" type="" useDefaultLabel="true">
						<xf:label><![CDATA[CSV 다운로드 - value로 다운로드]]></xf:label>
					</xf:trigger>
				</xf:group>
				<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books" defaultCellHeight="24"
					id="grd_exam1" rowNumVisible="true" rowNumWidth="26" 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="column3" inputType="text" value="도서명" width="178"></w2:column>
							<w2:column displayMode="label" id="column2" inputType="text" value="정가" width="63"></w2:column>
							<w2:column displayMode="label" id="column1" inputType="text" value="출간일" width="83"></w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody id="gBody1" style="">
						<w2:row id="row2" style="">
							<w2:column displayMode="label" id="book_name" inputType="text" textAlign="left" width="178"></w2:column>
							<w2:column dataType="number" displayFormat="#,###" displayMode="label" id="price" inputType="text" textAlign="right"
								width="63">
							</w2:column>
							<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="published_date" inputType="text" width="83">
							</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="20230315" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
    	<w2:type>COMPONENT</w2:type>
    	<w2:buildDate />
    	<w2:MSA />
    	<xf:model>
    		<w2:dataCollection baseNode="map">
    			<w2:dataList baseNode="list" id="dlt_list" repeatNode="map" saveRemovedData="true" style="">
    				<w2:columnInfo>
    					<w2:column dataType="text" id="City" name="Label"></w2:column>
    					<w2:column dataType="text" id="Code" name="Code"></w2:column>
    				</w2:columnInfo>
    				<w2:data use="true">
    					<w2:row>
    						<City><![CDATA[Seoul]]></City>
    						<![CDATA[SE]]>
    					</w2:row>
    					<w2:row>
    						<City><![CDATA[Paris]]></City>
    						<![CDATA[PA]]>
    					</w2:row>
    					<w2:row>
    						<City><![CDATA[London]]></City>
    						<![CDATA[LN]]>
    					</w2:row>
    					<w2:row>
    						<City><![CDATA[Beijing]]></City>
    						<![CDATA[BJ]]>
    					</w2:row>
    				</w2: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='AutoComplete의 선택 목록을 "label delimiter value" 형식으로 표시하는 예제입니다.<br/>displayModeSync는 편집 모드에서 displayMode에서 설정한 형식으로 표현하기 위한 설정 값 입니다.<br/>단, searchTarget이 "both" 일 때만 적용됩니다.' style="margin-bottom: 10px;">
    			</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='delimiter="label delimiter value"' style=""></w2:textbox>
    				<xf:group class="example_div_td_style" id="" style="">
    					<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
    						label='AutoComplete의 선택 목록을 확인하면 "Label - Value" 형태로 표시됨을 확인할 수 있습니다.' style="">
    					</w2:textbox>
    					<xf:group id="" style="margin-bottom: 15px;">
    						<w2:autoComplete submenuSize="auto" search="start" editType="select" useKeywordHighlight="false"
    							style="width: 150px;" id="acb1" useLocale="false" class="" allOption="" chooseOption="true" ref="" autoFocus="true"
    							chooseOptionLabel="- 선택 -" displayMode="label delim value" delimiter=" - ">
    							<w2:choices>
    								<w2:itemset nodeset="data:dlt_list">
    									<w2:label ref="City"></w2:label>
    									<w2:value ref="Code"></w2:value>
    								</w2:itemset>
    							</w2:choices>
    						</w2:autoComplete>
    					</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='displayModeSync="true"' style=""></w2:textbox>
    				<xf:group class="example_div_td_style" id="" style="">
    					<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
    						label='AutoComplete에서 선택 목록을 중 하나를 선택합니다.<br/>이 후 다시 선택해 편집 모드에 들어 갔을 때 "label delimiter value"로 표시됨을 확인할 수 있습니다.' style="">
    					</w2:textbox>
    					<xf:group class="gvwbox" id="" style=""></xf:group>
    					<xf:group id="" style="margin-bottom: 15px;">
    						<w2:autoComplete allOption="" autoFocus="true" chooseOption="true" chooseOptionLabel="- 선택 -" class=""
    							delimiter=" - " displayMode="label delim value" editType="select" id="acb_2" ref="" search="start"
    							style="width: 150px;" submenuSize="auto" useKeywordHighlight="false" useLocale="false" displayModeSync="true" searchTarget="both">
    							<w2:choices>
    								<w2:itemset nodeset="data:dlt_list">
    									<w2:label ref="City"></w2:label>
    									<w2:value ref="Code"></w2:value>
    								</w2:itemset>
    							</w2:choices>
    						</w2:autoComplete>
    					</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="DataList" style=""></w2:textbox>
    				<xf:group class="example_div_td_style" id="" style="">
    					<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
    						label="AutoComplete에 연동되어 있는 DataCollection을 보여주는 GridView입니다.<br/>Cell을 더블클릭해서 수정하면 AutoComplete의 표시 되는 값이 변경됩니다."
    						style="">
    					</w2:textbox>
    					<xf:group class="gvwbox" id="" style="">
    						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_list"
    							defaultCellHeight="24" editModeEvent="onclick" id="grd_exam1" readOnly="false" rowNumVisible="true" rowNumWidth="26"
    							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="column2" inputType="text" style="" value="Label" width="70"></w2:column>
    									<w2:column displayMode="label" id="column1" inputType="text" style="" value="Value" width="70"></w2:column>
    								</w2:row>
    							</w2:header>
    							<w2:gBody id="gBody1" style="">
    								<w2:row id="row2" style="">
    									<w2:column displayMode="label" editModeEvent="ondblclick" id="City" inputType="text" style=""
    										value="" width="70">
    									</w2:column>
    									<w2:column displayMode="label" id="Code" inputType="text" style="" value="" width="70"></w2:column>
    								</w2:row>
    							</w2:gBody>
    						</w2:gridView>
    					</xf:group>
    				</xf:group>
    			</xf:group>

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


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head>
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220930" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<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="P00113S01.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="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="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='InputCalendar의 캘린더에 출력된 날짜를 비활성화하는 예제입니다.
지정한 날짜의 이후 또는 이전 날짜를 비활성화 할 수 있습니다.
비활성화 된 날짜는 사용자가 선택할 수 없습니다.
이 기능은 사용자가 입력하는 날짜, 기 입력(할당)된 날짜에 대해서는 제어하지 않습니다.'
					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="캘린더의 날짜 비활성화화기 - &nbsp;지정일 이전" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" id="ica_exam_2" renderDiv="true"
							rightAlign="false" style="width:110px;min-height: 24px;">
						</w2:inputCalendar>
						<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" style="" type="button">
							<xf:label><![CDATA[오늘 이전 날짜 비활성화]]></xf:label>
						</xf:trigger>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="캘린더의 날짜 비활성화화기 - &nbsp;지정일 이후" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" id="ica_exam_3" renderDiv="true"
							rightAlign="false" style="width:110px;min-height: 24px;">
						</w2:inputCalendar>
						<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" style="" type="button">
							<xf:label><![CDATA[오늘 이후 날짜 비활성화]]></xf:label>
						</xf:trigger>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="기본 설정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" id="ica_exam_1" renderDiv="true"
							rightAlign="false" style="width:110px;min-height: 24px;" validateOnInput="true" validateOnInputMobile="true">
						</w2:inputCalendar>
					</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="20221007" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='Input에 입력한 데이터의 좌우 공백 제거 예제입니다.
속성 trim, ltrim, rtrim 설정으로 기능을 사용할 수 있습니다.
이 기능은 컴포넌트에서 입력 커서가 벗어날 때 적용됩니다.
'
					style="margin-bottom: 10px;">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="기본 설정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:input class="" id="" style="min-width:120px;"></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="trim" 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:input class="" id="" style="min-width:120px;" placeholder="좌우 공백 제거" trim="true"></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='ltrim' 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:input class="" id="" placeholder="좌측 공백 제거" style="min-width:120px;" ltrim="true"></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="rtrim" 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:input class="" id="" placeholder="우측 공백 제거" style="min-width:120px;" rtrim="true"></xf:input>
					</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="20221007" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='Input의 입력값의 길이를 제한하는 예제입니다.
속성 maxLength, maxByteLength를 비교할 수 있습니다.
maxLength : 글자 수를 기준으로 제한합니다.
maxByteLength : 입력값을 byte로 계산하여 제한합니다.
maxByteLength는 client 설정파일에 적용된 byteCheckEncoding의 설정값을 기준으로 아래와 같이 적용됩니다.'
					style="">
				</w2:textbox>
				<w2:textbox escape="false" id="" label="- utf-8 : 한글 1글자가 3byte
- euc-kr : 한글 1글자가 2byte
"
					style="margin-bottom: 10px;padding-left: 0.5em;">
				</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="">
						<xf:input class="" id="" style="min-width:120px;"></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="입력값을 최대 4글자로 제한" style=""></w2:textbox>

					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="숫자, 영문, 한글 상관없이 최대 4글자를 입력할 수 있습니다.
한글의 경우 입력 커서가 벗어날 때 적용됩니다." style="">
						</w2:textbox>
						<xf:input class="" id="" style="min-width:120px;" maxlength="4" placeholder="maxlength : 4"></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='입력값을 최대 4byte로 제한' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label='client 설정 파일의 속성 byteCheckEncoding의 값은 "utf-8"입니다.
숫자, 영문은 최대 4글자를 입력할 수 있습니다.
한글은 최대 1글자를 입력할 수 있습니다.'
							style="">
						</w2:textbox>
						<xf:input class="" id="" style="min-width:120px;" maxByteLength="4" placeholder="maxByteLength : 4"></xf:input>
					</xf:group>
				</xf:group>

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


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head meta_screenName="[InputCalendar] 캘린더의 날짜 비활성화 하기 - 지정한 날짜">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20221014" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[scwin.onpageload = function () {
    scwin.setInitPage();
};

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

    //서버에서 올해 반환 받기.
    strYear = $p.getCurrentServerDate("yyyy");

    //inputCalendar에 올해 8월 1일 할당하기
    ica_exam_1.setValue(strYear + "0801");
    ica_exam_2.setValue(strYear + "0801");
    ica_exam_3.setValue(strYear + "0801");
};

/**
 * 버튼 [올해의 8월 15일 비활성화] 클릭 시 호출
 */
scwin.btn_ex1_onclick = function (e) {
    var strYear;

    //서버에서 올해 반환 받기.
    strYear = $p.getCurrentServerDate("yyyy");

    //inputCalendar "ica_exam_2"에 올해의 8월 15일 비활성화 하기
    ica_exam_2.disableDate(strYear + "0815");
};

/**
 * 버튼 [올해의 8월 14, 16일 비활성화] 클릭 시 호출
 */
scwin.btn_ex2_onclick = function (e) {
    var strYear;

    //서버에서 올해 반환 받기.
    strYear = $p.getCurrentServerDate("yyyy");

    //inputCalendar "ica_exam_3"에 올해의 8월 14, 16일 비활성화 하기
    ica_exam_3.disableDate(strYear + "0814 " + strYear + "0816"); //날짜는 공백으로 구분
    //ex) ica_exam_3.disableDate("20220814 20220816")

};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id="" label='InputCalendar의 캘린더에 지정한 날짜를 비활성화하는 예제입니다.' 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="캘린더의 날짜 비활성화화기 - &nbsp;지정일" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" id="ica_exam_2" renderDiv="true"
							rightAlign="false" style="width:110px;min-height: 24px;">
						</w2:inputCalendar>
						<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" style="" type="button">
							<xf:label><![CDATA[올해의 8월 15일 비활성화]]></xf:label>
						</xf:trigger>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="캘린더의 날짜 비활성화화기 - &nbsp;지정일(다중)" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" id="ica_exam_3" renderDiv="true"
							rightAlign="false" style="width:110px;min-height: 24px;">
						</w2:inputCalendar>
						<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" style="" type="button">
							<xf:label><![CDATA[올해의 8월 14, 16일 비활성화]]></xf:label>
						</xf:trigger>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="기본 설정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:inputCalendar calendarValueType="yearMonthDate" focusOnDateSelect="false" id="ica_exam_1" renderDiv="true"
							rightAlign="false" style="width:110px;min-height: 24px;" validateOnInput="true" validateOnInputMobile="true">
						</w2:inputCalendar>
					</xf:group>
				</xf:group>

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


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head>
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="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 () {
    tac_exam1.disableTab(1)
};

/**
 * 버튼 [비활성화 하기] 클릭 시
 */
scwin.btn_ex1_onclick = function (e) {
    //TabControl [tac_exam1] 비활성화 설정
    tac_exam1.setDisabled(true);
};

/**
 * 버튼 [활성화 하기] 클릭 시
 */
scwin.btn_ex1_1_onclick = function (e) {
    //TabControl [tac_exam1] 활성화 설정
    tac_exam1.setDisabled(false);
};

/**
 * 버튼 [화면 초기화] 클릭 시
 */
scwin.btn_ex1_3_onclick = function (e) {
    $p.reinitialize();
};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="padding: 6px;">
			<w2:textbox id="" label="P00158S01.xml" style="color: dodgerblue;font-size: 1.4em;font-weight: bold;"></w2:textbox>
			<w2:textbox class="ws5_example_txt_normal mb10" escape="false" id=""
				label="TabControl의 속성 keepDisabledTab이 false로 지정되어있습니다.<br/>두 번째 탭이 비활성화된 상태입니다." style="">
			</w2:textbox>
			<xf:group class="mb_def_box" id="" style="margin-bottom: 0px !important;">
				<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" style="" type="button">
					<xf:label><![CDATA[비활성화 하기]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_ex1_1_onclick" id="btn_ex1_1" style="" type="button">
					<xf:label><![CDATA[활성화 하기]]></xf:label>
				</xf:trigger>
				<xf:trigger class="btn_exam_exec" id="btn_ex1_3" style="" type="button" ev:onclick="scwin.btn_ex1_3_onclick">
					<xf:label><![CDATA[화면 초기화]]></xf:label>
				</xf:trigger>
			</xf:group>
			<xf:group class="tbcbox" id="" style="">
				<w2:tabControl alwaysDraw="false" class="" confirmFalseAction="new" confirmTrueAction="exist" id="tac_exam1"
					style="position: relative;height: 80px;" tabScroll="" useConfirmMessage="false" useMoveNextTabFocus="false" useTabKeyOnly="true"
					keepDisabledTab="false">
					<w2:tabs disabled="false" style="width:60px;height:30px;" id="tabs1" label="TAB1"></w2:tabs>
					<w2:tabs disabled="false" style="width:110px;height:30px;" id="tabs2" label="TAB2 - 비활성화"></w2:tabs>
					<w2:content alwaysDraw="false" style="" id="content1">
						<w2:textbox id="" label="SUB TAB 1 Content 영역" style="font-size: 1.2em;padding: 10px;"></w2:textbox>
					</w2:content>
					<w2:content alwaysDraw="false" style="" id="content2">
						<xf:group id="" style="padding: 10px;">
							<xf:input adjustMaxLength="false" style="width: 100px;height: 24px;margin-right: 10px;" id=""></xf:input>
							<xf:trigger useDefaultLabel="true" localeRef="" style="min-width: 30px; height: 26px;" id="" type="" class="btn_com">
								<xf:label><![CDATA[임시 버튼]]></xf:label>
							</xf:trigger>
						</xf:group>
					</w2:content>
				</w2:tabControl>
			</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="20220930" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="pop_contents" id="" style="padding: 10px;">
			<w2:textbox id="" label="팝업1-1 - P00123P02.xml" style="color: IndianRed;font-size: 1.5em;font-weight: bold;"></w2:textbox>
		</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="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="P00146S01.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="20230320" 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_list" repeatNode="map" saveRemovedData="true" style="">
    				<w2:columnInfo>
    					<w2:column dataType="text" id="City" name="Label"></w2:column>
    					<w2:column dataType="text" id="Code" name="Code"></w2:column>
    				</w2:columnInfo>
    				<w2:data use="true">
    					<w2:row>
    						<City><![CDATA[Seoul]]></City>
    						<![CDATA[SE]]>
    					</w2:row>
    					<w2:row>
    						<City><![CDATA[Paris]]></City>
    						<![CDATA[PA]]>
    					</w2:row>
    					<w2:row>
    						<City><![CDATA[London]]></City>
    						<![CDATA[LN]]>
    					</w2:row>
    					<w2:row>
    						<City><![CDATA[Beijing]]></City>
    						<![CDATA[BJ]]>
    					</w2:row>
    				</w2: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='AutoComplete의 이벤트 onchange와 이벤트 onviewchange의 동작 차이를 확인하는 예제입니다.<br/>onchange: script 상으로 조작이나 사용자의 화면 조작 등 컴포넌트의 값이 변경되는 경우 발생하는 이벤트<br/>onviewchange: 화면에서 사용자의 조작으로 인해 값이 변경되는 경우 발생하는 이벤트' style="margin-bottom: 10px;">
    			</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='Event: onchange' style=""></w2:textbox>
    				<xf:group class="example_div_td_style" id="" style="">
    					<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
    						label='AoutoComplete 1번 값을 변경하면 이벤트 onviewchange가 발생해 script 상으로 AutoComplete 2번의 값을 변경합니다.<br/>1. AutoComplete 1번을 선택해 값을 선택하고 "로그 확인" 영역에서 로그를 확인합니다.<br/>2. AutoComplete 2번을 선택해 값을 선택하고 "로그 확인" 영역에서 로그를 확인합니다.' style="">
    					</w2:textbox>
    					<xf:group id="" style="margin-bottom: 15px;">
    						<w2:autoComplete allOption="" autoFocus="true" chooseOption="true" chooseOptionLabel="AutoComplete 1" class=""
    							delimiter=" - " displayMode="label delim value" editType="select" id="acb1" ref="" search="start" style="width: 150px;"
    							submenuSize="auto" useKeywordHighlight="false" useLocale="false" ev:onviewchange="scwin.acb1_onviewchange">
    							<w2:choices>
    								<w2:itemset nodeset="data:dlt_list">
    									<w2:label ref="City"></w2:label>
    									<w2:value ref="Code"></w2:value>
    								</w2:itemset>
    							</w2:choices>
    						</w2:autoComplete>
    					</xf:group><xf:group id="" style="margin-bottom: 15px;">
    						<w2:autoComplete submenuSize="auto" search="start" editType="select" useKeywordHighlight="false"
    							style="width: 150px;" id="acb_onchange" useLocale="false" class="" allOption="" chooseOption="true" ref="" autoFocus="true"
    							chooseOptionLabel="AutoComplete 2" displayMode="label delim value" delimiter=" - " ev:onchange="scwin.acb_onchange_onchange">
    							<w2:choices>
    								<w2:itemset nodeset="data:dlt_list">
    									<w2:label ref="City"></w2:label>
    									<w2:value ref="Code"></w2:value>
    								</w2:itemset>
    							</w2:choices>
    						</w2:autoComplete>
    					</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='Event: onviewchange' style=""></w2:textbox>
    				<xf:group class="example_div_td_style" id="" style="">
    					<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
    						label='AoutoComplete 3번 값을 변경하면 이벤트 onviewchange가 발생해 script 상으로 AutoComplete 4번의 값을 변경합니다.<br/>AoutoComplete 4번은 onviewchange 이벤트가 적용되어 AutoComplete3번의 이벤트로 AutoComplete4번의 값을 변경해도 이벤트는 발생하지 않습니다.<br/>1. AutoComplete 3번을 선택해 값을 선택하고 "로그 확인" 영역에서 로그를 확인합니다.<br/>2. AutoComplete 4번을 선택해 값을 선택하고 "로그 확인" 영역에서 로그를 확인합니다.' style="">
    					</w2:textbox>
    					<xf:group id="" style="margin-bottom: 15px;">
    						<w2:autoComplete allOption="" autoFocus="true" chooseOption="true" chooseOptionLabel="AutoComplete 3" class=""
    							delimiter=" - " displayMode="label delim value" editType="select" id="acb2" ref="" search="start" style="width: 150px;"
    							submenuSize="auto" useKeywordHighlight="false" useLocale="false" ev:onviewchange="scwin.acb2_onviewchange">
    							<w2:choices>
    								<w2:itemset nodeset="data:dlt_list">
    									<w2:label ref="City"></w2:label>
    									<w2:value ref="Code"></w2:value>
    								</w2:itemset>
    							</w2:choices>
    						</w2:autoComplete>
    					</xf:group>
    					<xf:group class="gvwbox" id="" style=""></xf:group>
    					<xf:group id="" style="margin-bottom: 15px;">
    						<w2:autoComplete allOption="" autoFocus="true" chooseOption="true" chooseOptionLabel="AutoComplete 4" class=""
    							delimiter=" - " displayMode="label delim value" editType="select" id="acb_onviewchange" ref="" search="start"
    							style="width: 150px;" submenuSize="auto" useKeywordHighlight="false" useLocale="false" displayModeSync="true" searchTarget="both"
    							ev:onviewchange="scwin.acb_onviewchange_onviewchange">
    							<w2:choices>
    								<w2:itemset nodeset="data:dlt_list">
    									<w2:label ref="City"></w2:label>
    									<w2:value ref="Code"></w2:value>
    								</w2:itemset>
    							</w2:choices>
    						</w2:autoComplete>
    					</xf:group>
    				</xf:group>

    			</xf:group><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="20230627" meta_user="InswaveSystems"></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dlt_books_1" repeatNode="map" style="" valueAttribute="">
					<w2:columnInfo>

						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
						<w2:column id="price" name="정가" dataType="text"></w2:column>
					<w2:column dataType="text" id="label" name="도서명"></w2:column></w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="DataList의 컬럼 데이터에 필터를 적용하는 예제입니다.
이 예제는 함수 'setColumnFilter'의 첫 번째 인자의 속성 'condition' 설정 값에 따른 결과 값을 확인할 수 있습니다."
					style="">
				</w2:textbox>
				<w2:textbox escape="false" id=""
					label="속성 'condition' 설정 값에 따른 동작 방식은 다음과 같습니다.
- "and" : 교집합으로, 이미 적용된 필터 데이터와 병합하는 조건입니다.
- "or" : 합집합으로, 이미 적용된 필터 데이터와 병합하는 조건입니다."
					style="">
				</w2:textbox>
				<w2:textbox class="ws_example_txt_desc_info" id=""
					label="함수 호출 단위로 버튼을 구성하였습니다.
순서에 맞게 버튼을 클릭하여 GridView의 출력 결과를 확인합니다.
또한 '로그 확인' 영역과 브라우저 개발자도구의 콘솔에 필터 조건이 출력됩니다." style="" escape="false">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_td_style no_padding" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_cm" disabled="" escape="false" ev:onclick="scwin.btn_initData_onclick" id="btn_initData"
								style="" type="button">
								<xf:label><![CDATA[DataList의 데이터 초기화]]></xf:label>
							</xf:trigger>
						</xf:group>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="AND 조건 + AND 조건" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_1_onclick"
								id="btn_exam1_1" style="" type="button">
								<xf:label><![CDATA[1.1 AND 조건 - 컬럼 '도서명'의 값에 '인생'이 포함된 경우]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam1_2_onclick"
								id="btn_exam1_2" style="" type="button">
								<xf:label><![CDATA[1.2 AND 조건 - 컬럼 '분류'의 값에 '인문'과 일치하는 경우]]></xf:label>
							</xf:trigger>
						</xf:group>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="AND 조건 + OR 조건" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam2_1_onclick"
								id="btn_exam2_1" style="" type="button">
								<xf:label><![CDATA[2.1 AND 조건 - 컬럼 '도서명'의 값에 '인생'이 포함된 경우]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec btn_txt_of" escape="false" ev:onclick="scwin.btn_exam2_2_onclick"
								id="btn_exam2_2" style="" type="button">
								<xf:label><![CDATA[2.2 OR 조건 - 컬럼 '분류'의 값에 '인문'과 일치하는 경우]]></xf:label>
							</xf:trigger>
						</xf:group>
					</xf:group>
					<w2:textbox class="example_div_th_style" escape="false" id="" label="결과 확인용 GridView" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="220" class="gvw" dataList="data:dlt_books_1"
							defaultCellHeight="24" id="" initFixedHeightByRowNum="4" readOnly="true" rowNumWidth="26" style="height:60px;" tooltipDisplay="true"
							visibleRowNum="4">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" value="분류" width="70"></w2:column>
									<w2:column displayMode="label" id="column4" inputType="text" value="정가" width="50"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="100"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="price" inputType="text" value="" width="50"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="100"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group id="" class="example_div_th_style">
						<w2:span label="로그 확인" style="" id="" class="mr_def txt_blue"></w2:span>
						<xf:trigger class="com_example_btn_log_clear" ev:onclick="scwin.btn_clearLog_onclick" id="btn_clearLog" style=""
							title="로그 삭제" type="button">
							<xf:label><![CDATA[검색 취소]]></xf:label>
						</xf:trigger>
					</xf:group>
					<xf:group class="example_div_td_style" id="" style="">
						<xf:textarea class="com_example_txa_log" id="txa_log" spellcheck="false" style="width: 100%;height: 140px;"></xf:textarea>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


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

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

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='TabControl의 선택된 탭의 ID 또는 탭의 Index를 반환받는 예제입니다.
이 기능은 아래의 함수를 통해 사용할 수 있습니다.
- getSelectedTabID: 선택된 탭의 ID를 반환합니다.
- getSelectedTabIndex: 선택된 탭의 Index를 반환합니다.'
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group id="" style="" class=""></xf:group>
			<xf:group class="example_div_tb_style_wrap mw600" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_exam1_1_onclick" id="btn_exam1_1" style=""
								type="button">
								<xf:label><![CDATA[선택된 탭의 ID 반환받기]]></xf:label>
							</xf:trigger>
							<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_exam1_2_onclick" id="btn_exam1_2" style="" type="button">
								<xf:label><![CDATA[선택된 탭의 Index 반환받기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:group id="" class="">
							<w2:tabControl confirmTrueAction="exist" confirmFalseAction="new" useTabKeyOnly="true" tabScroll=""
								useMoveNextTabFocus="false" useConfirmMessage="false" alwaysDraw="false" style="position: relative;height: 120px;" id="tac_exam1"
								class="">
								<w2:tabs disabled="false" style="width:70px;height:30px;" id="tabs1" label="TAB1"></w2:tabs>
								<w2:tabs disabled="false" style="width:70px;height:30px;" id="tabs2" label="TAB2"></w2:tabs>
								<w2:tabs disabled="false" style="width:70px;height:30px" id="tabs3" label="TAB3"></w2:tabs>
								<w2:content alwaysDraw="false" style="min-height:30px;" id="content1">
									<w2:textbox style="font-size: 1.2em;padding: 6px;color: steelblue;font-weight: bold;" id="" label="TAB1 CONTENT"></w2:textbox>
								</w2:content>
								<w2:content alwaysDraw="false" style="min-height:30px;" id="content2">
									<w2:textbox style="font-size: 1.2em;padding: 6px;color: salmon;font-weight: bold;" id="" label="TAB2 CONTENT"></w2:textbox>
								</w2:content>
								<w2:content alwaysDraw="false" style="height:90px" id="content3">
									<w2:textbox style="font-size: 1.2em;padding: 6px;color: forestgreen;font-weight: bold;" id="" label="TAB3 CONTENT"></w2:textbox>
								</w2:content>
							</w2:tabControl>
						</xf:group>
					</xf:group>
				</xf:group>

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


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230710" 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="" getMatchedFromAllData="false">
					<w2:columnInfo>
						<w2:column dataType="text" id="categoryLabel" name="분류"></w2:column>
						<w2:column dataType="text" id="label" name="도서명"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<categoryLabel><![CDATA[소설]]></categoryLabel>
							<![CDATA[책들의 부엌]]>
						</w2:row>
						<w2:row>
							<categoryLabel><![CDATA[소설]]></categoryLabel>
							<![CDATA[불편한 편의점]]>
						</w2:row>
						<w2:row>
							<categoryLabel><![CDATA[인문]]></categoryLabel>
							<![CDATA[내가 틀릴 수도 있습니다]]>
						</w2:row>
						<w2:row>
							<categoryLabel><![CDATA[인문]]></categoryLabel>
							<![CDATA[공정하다는 착각]]>
						</w2:row>
						<w2:row>
							<categoryLabel><![CDATA[인문]]></categoryLabel>
							<![CDATA[무엇이 옳은가]]>
						</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의 셀의 데이터가 연속으로 반복되는 경우 병합하는 기능을 비교한 예시입니다.<br/>병합 기능을 제공하는 방식은 두 가지로 다음과 같습니다.<br/>- [바디 컬럼 속성] colMerge : 반복되는 TD의 데이터를 빈 문자열로 할당하고 선을 제거하여 병합 표시. 컬럼 내에서만 동작합니다.<br/>- [GridView 속성] mergeCells : HTML TD의 속성 'rowspan' 또는 'colspan'을 사용하여 병합 표시."
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="">
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="병합 기능 미설정" style="">
					</w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="220" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24"
							id="" initFixedHeightByRowNum="4" keepDefaultColumnWidth="true" readOnly="true" rowNumVisible="true" rowNumWidth="26"
							style="height:60px;" tooltipDisplay="true" visibleRowNum="all">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" value="분류" width="70"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="100"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="100"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="body column '분류'의 속성 'colMerge'을 'true'로 지정" style="">
					</w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="220" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24"
							id="grd_exam_1" initFixedHeightByRowNum="4" keepDefaultColumnWidth="true" readOnly="true" rowNumVisible="true" rowNumWidth="26"
							style="height:60px;" tooltipDisplay="true" visibleRowNum="all">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" value="분류" width="70"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="100"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" width="70" colMerge="true"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="100"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="GridView의 속성 'mergeCells'을 'bycol'로 지정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="220" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24"
							id="grd_exam_2" initFixedHeightByRowNum="4" keepDefaultColumnWidth="true" readOnly="true" rowNumVisible="true" rowNumWidth="26"
							style="height:60px;" tooltipDisplay="true" visibleRowNum="all" mergeCells="bycol" mergeCol="categoryLabel">
							<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header1" style="">
								<w2:row id="row1" style="">
									<w2:column displayMode="label" id="column5" inputType="text" value="분류" width="70"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="100"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody1" style="">
								<w2:row id="row2" style="">
									<w2:column displayMode="label" id="categoryLabel" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" width="100"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>