<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head meta_screenName="[GridView] 컨텍스트 메뉴 사용 설정하기">
		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20221223" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList id="dlt_member" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="EMP_CD" name="사번" dataType="number"></w2:column>
						<w2:column id="EMP_NM" name="성명" dataType="text"></w2:column>
						<w2:column id="GENDER_CD" name="성별" dataType="text"></w2:column>
						<w2:column id="JOIN_DATE" name="입사일" dataType="text"></w2:column>
						<w2:column id="POSITION_CD" name="직위" dataType="text"></w2:column>
						<w2:column id="ROLE_CD" name="역할" dataType="text"></w2:column>
						<w2:column id="group" name="소속" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="true">
						<w2:row>
							<EMP_CD><![CDATA[10001334]]></EMP_CD>
							<EMP_NM><![CDATA[전성은]]></EMP_NM>
							<GENDER_CD><![CDATA[여]]></GENDER_CD>
							<JOIN_DATE><![CDATA[20021201]]></JOIN_DATE>
							<POSITION_CD><![CDATA[사원]]></POSITION_CD>
							<ROLE_CD><![CDATA[퍼블리싱]]></ROLE_CD>
							<group><![CDATA[본사]]></group>
						</w2:row>
						<w2:row>
							<EMP_CD><![CDATA[10001337]]></EMP_CD>
							<EMP_NM><![CDATA[마정연]]></EMP_NM>
							<GENDER_CD><![CDATA[남]]></GENDER_CD>
							<JOIN_DATE><![CDATA[20120430]]></JOIN_DATE>
							<POSITION_CD><![CDATA[사원]]></POSITION_CD>
							<ROLE_CD><![CDATA[개발]]></ROLE_CD>
							<group><![CDATA[본사]]></group>
						</w2:row>
						<w2:row>
							<EMP_CD><![CDATA[10001336]]></EMP_CD>
							<EMP_NM><![CDATA[박소유]]></EMP_NM>
							<GENDER_CD><![CDATA[남]]></GENDER_CD>
							<JOIN_DATE><![CDATA[20060423]]></JOIN_DATE>
							<POSITION_CD><![CDATA[차장]]></POSITION_CD>
							<ROLE_CD><![CDATA[기획]]></ROLE_CD>
							<group><![CDATA[협력]]></group>
						</w2:row>
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />
		<script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};
]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='GridView의 컨텍스트 메뉴의 노출 예제입니다.<br/>설정을 통해 [마우스 오른쪽 마우스 버튼 클릭]으로 컨텍스트 메뉴를 노출할 수 있으며 설정을 통해 기능이 동작되는 영역을 지정할 수 있습니다.' 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="GridView의 바디 영역에서 [마우스 오른쪽 버튼 클릭]을 하면 컨텍스트 메뉴가 노출됩니다." style="">
						</w2:textbox>
						<w2:gridView class="gvw" dataList="data:dlt_member" id="" style="height: 100px;" defaultCellHeight="24"
							visibleRowNum="all" contextMenu="true" contextMenuAltClick="false" useHeaderContextMenu="false">
							<w2:caption style="" id="caption2" value="this is a grid caption."></w2:caption>
							<w2:header style="" id="header2">
								<w2:row style="" id="row3">
									<w2:column width="70" inputType="text" id="column16" value="사번" displayMode="label"></w2:column>
									<w2:column width="70" inputType="text" id="column15" value="성명" displayMode="label"></w2:column>
									<w2:column width="60" inputType="text" id="column14" value="성별" displayMode="label"></w2:column>
									<w2:column width="76" inputType="text" id="column13" value="입사일" displayMode="label"></w2:column>
									<w2:column width="70" inputType="text" id="column12" value="직위" displayMode="label"></w2:column>
									<w2:column width="70" inputType="text" id="column11" value="역할" displayMode="label"></w2:column>
									<w2:column width="70" inputType="text" id="column10" value="소속" displayMode="label"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody style="" id="gBody2">
								<w2:row style="" id="row4">
									<w2:column width="70" inputType="text" id="EMP_CD" displayMode="label"></w2:column>
									<w2:column width="70" inputType="text" id="EMP_NM" displayMode="label"></w2:column>
									<w2:column width="60" inputType="text" id="GENDER_CD" displayMode="label" value=""></w2:column>
									<w2:column width="76" inputType="text" id="JOIN_DATE" displayMode="label" value="" dataType="date"
										displayFormat="yyyy-MM-dd">
									</w2:column>
									<w2:column width="70" inputType="text" id="POSITION_CD" displayMode="label"></w2:column>
									<w2:column width="70" inputType="text" id="ROLE_CD" displayMode="label"></w2:column>
									<w2:column width="70" inputType="text" id="group" 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="바디 영역에서 컨텍스트 메뉴 사용하기 - 단축키 확장" style="">
					</w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="GridView의 바디 영역에서 [마우스 오른쪽 버튼 클릭]하거나 [Alt+마우스 오른쪽 버튼 클릭]을 하면 컨텍스트 메뉴가 노출됩니다." style="">
						</w2:textbox>
						<w2:gridView class="gvw" contextMenu="true" dataList="data:dlt_member" defaultCellHeight="24" id=""
							style="height: 100px;" visibleRowNum="all" contextMenuAltClick="true" useHeaderContextMenu="false">
							<w2:caption id="caption2" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header2" style="">
								<w2:row id="row3" style="">
									<w2:column displayMode="label" id="column16" inputType="text" value="사번" width="70"></w2:column>
									<w2:column displayMode="label" id="column15" inputType="text" value="성명" width="70"></w2:column>
									<w2:column displayMode="label" id="column14" inputType="text" value="성별" width="60"></w2:column>
									<w2:column displayMode="label" id="column13" inputType="text" value="입사일" width="76"></w2:column>
									<w2:column displayMode="label" id="column12" inputType="text" value="직위" width="70"></w2:column>
									<w2:column displayMode="label" id="column11" inputType="text" value="역할" width="70"></w2:column>
									<w2:column displayMode="label" id="column10" inputType="text" value="소속" width="70"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody2" style="">
								<w2:row id="row4" style="">
									<w2:column displayMode="label" id="EMP_CD" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="EMP_NM" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="GENDER_CD" inputType="text" value="" width="60"></w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="JOIN_DATE" inputType="text" value=""
										width="76">
									</w2:column>
									<w2:column displayMode="label" id="POSITION_CD" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="ROLE_CD" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="group" inputType="text" width="70"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="헤더 영역에서 컨텍스트 메뉴 사용하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="GridView의 헤더 영역에서 마우스 오른쪽 버튼을 클릭하면 컨텍스트 메뉴가 노출됩니다."
							style="">
						</w2:textbox>
						<w2:gridView class="gvw" dataList="data:dlt_member" defaultCellHeight="24" id="" style="height: 100px;"
							visibleRowNum="all" contextMenu="false" contextMenuAltClick="false" useHeaderContextMenu="true">
							<w2:caption id="caption2" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header2" style="">
								<w2:row id="row3" style="">
									<w2:column displayMode="label" id="column16" inputType="text" value="사번" width="70"></w2:column>
									<w2:column displayMode="label" id="column15" inputType="text" value="성명" width="70"></w2:column>
									<w2:column displayMode="label" id="column14" inputType="text" value="성별" width="60"></w2:column>
									<w2:column displayMode="label" id="column13" inputType="text" value="입사일" width="76"></w2:column>
									<w2:column displayMode="label" id="column12" inputType="text" value="직위" width="70"></w2:column>
									<w2:column displayMode="label" id="column11" inputType="text" value="역할" width="70"></w2:column>
									<w2:column displayMode="label" id="column10" inputType="text" value="소속" width="70"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody2" style="">
								<w2:row id="row4" style="">
									<w2:column displayMode="label" id="EMP_CD" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="EMP_NM" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="GENDER_CD" inputType="text" value="" width="60"></w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="JOIN_DATE" inputType="text" value=""
										width="76">
									</w2:column>
									<w2:column displayMode="label" id="POSITION_CD" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="ROLE_CD" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="group" inputType="text" width="70"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="바디 영역과 헤더 영역에서 컨텍스트 메뉴 사용하기" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="GridView의 바디 영역 또는 헤더 영역에서 마우스 오른쪽 버튼을 클릭하면 컨텍스트 메뉴가 노출됩니다." style="">
						</w2:textbox>
						<w2:gridView class="gvw" contextMenu="true" dataList="data:dlt_member" defaultCellHeight="24" id=""
							style="height: 100px;" useHeaderContextMenu="true" visibleRowNum="all" contextMenuAltClick="false">
							<w2:caption id="caption2" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header2" style="">
								<w2:row id="row3" style="">
									<w2:column displayMode="label" id="column16" inputType="text" value="사번" width="70"></w2:column>
									<w2:column displayMode="label" id="column15" inputType="text" value="성명" width="70"></w2:column>
									<w2:column displayMode="label" id="column14" inputType="text" value="성별" width="60"></w2:column>
									<w2:column displayMode="label" id="column13" inputType="text" value="입사일" width="76"></w2:column>
									<w2:column displayMode="label" id="column12" inputType="text" value="직위" width="70"></w2:column>
									<w2:column displayMode="label" id="column11" inputType="text" value="역할" width="70"></w2:column>
									<w2:column displayMode="label" id="column10" inputType="text" value="소속" width="70"></w2:column>
									<w2:column displayMode="label" id="column9" inputType="text" value="이메일" width="175"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody2" style="">
								<w2:row id="row4" style="">
									<w2:column displayMode="label" id="EMP_CD" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="EMP_NM" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="GENDER_CD" inputType="text" value="" width="60"></w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="JOIN_DATE" inputType="text" value=""
										width="76">
									</w2:column>
									<w2:column displayMode="label" id="POSITION_CD" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="ROLE_CD" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="group" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="EMAIL" inputType="text" textAlign="left" width="175"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="컨텍스트 메뉴 사용 안 함(기본 설정)" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="GridView의 컨텍스트 메뉴 기능을 사용하지 않습니다." style="">
						</w2:textbox>
						<w2:gridView class="gvw" contextMenu="false" contextMenuAltClick="false" dataList="data:dlt_member"
							defaultCellHeight="24" id="" style="height: 100px;" useHeaderContextMenu="false" visibleRowNum="all">
							<w2:caption id="caption2" style="" value="this is a grid caption."></w2:caption>
							<w2:header id="header2" style="">
								<w2:row id="row3" style="">
									<w2:column displayMode="label" id="column16" inputType="text" value="사번" width="70"></w2:column>
									<w2:column displayMode="label" id="column15" inputType="text" value="성명" width="70"></w2:column>
									<w2:column displayMode="label" id="column14" inputType="text" value="성별" width="60"></w2:column>
									<w2:column displayMode="label" id="column13" inputType="text" value="입사일" width="76"></w2:column>
									<w2:column displayMode="label" id="column12" inputType="text" value="직위" width="70"></w2:column>
									<w2:column displayMode="label" id="column11" inputType="text" value="역할" width="70"></w2:column>
									<w2:column displayMode="label" id="column10" inputType="text" value="소속" width="70"></w2:column>
									<w2:column displayMode="label" id="column9" inputType="text" value="이메일" width="175"></w2:column>
								</w2:row>
							</w2:header>
							<w2:gBody id="gBody2" style="">
								<w2:row id="row4" style="">
									<w2:column displayMode="label" id="EMP_CD" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="EMP_NM" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="GENDER_CD" inputType="text" value="" width="60"></w2:column>
									<w2:column dataType="date" displayFormat="yyyy-MM-dd" displayMode="label" id="JOIN_DATE" inputType="text" value=""
										width="76">
									</w2:column>
									<w2:column displayMode="label" id="POSITION_CD" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="ROLE_CD" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="group" inputType="text" width="70"></w2:column>
									<w2:column displayMode="label" id="EMAIL" inputType="text" textAlign="left" width="175"></w2:column>
								</w2:row>
							</w2:gBody>
						</w2:gridView>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>
	</body>
</html>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="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="컴포넌트의 속성 initValue 설정 예제입니다.
속성 initValue는 컴포넌트의 초기값을 지정하는 예제입니다.
조건에 따라 초기 값이 변경되지 않는 경우 속성으로 고정값을 지정하여 사용할 수 있습니다."
					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='dataType="number"' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='초기 값이 "0"으로 설정되었습니다.' style=""></w2:textbox>
						<w2:spinner skin="type1" buttonSize="30" inputReadOnly="false" id="spi_exam1"
							style="position: relative;width:130px;min-height:24px;" initValue="0">
						</w2:spinner>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label='dataType="date"' style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label='초기 값이 "20221130"으로 설정되었습니다.' style=""></w2:textbox>
						<w2:spinner buttonSize="30" id="spi_exam2" inputReadOnly="false" skin="type1"
							style="position: relative;width:130px;min-height:24px;" dataType="date" initValue="20221130">
						</w2:spinner>
					</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 palette="">COMPONENT</w2:type>
		<w2:buildDate />
		<xf:model>
			<xf:instance>
				<data xmlns="" />
			</xf:instance>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" id="dl_gridview1" repeatNode="map" saveRemovedData="true" style="" ev:oncelldatachange="">
					<w2:columnInfo>
						<w2:column dataType="text" id="account" name="name1"></w2:column>
						<w2:column dataType="text" id="account_name" name="name2"></w2:column>
						<w2:column dataType="text" id="owner" name="name3"></w2:column>
						<w2:column dataType="text" id="national" name="name4"></w2:column>
						<w2:column dataType="text" id="stock_usd" name="name5"></w2:column>
						<w2:column dataType="text" id="stock_rate" name="name6"></w2:column>
						<w2:column dataType="text" id="bond_usd" name="name7"></w2:column>
						<w2:column dataType="text" id="bond_rate" name="name8"></w2:column>
						<w2:column dataType="text" id="etc_usd" name="name9"></w2:column>
						<w2:column dataType="text" id="etc_rate" name="name10"></w2:column>
						<w2:column dataType="text" id="tot_usd" name="name11"></w2:column>
						<w2:column dataType="text" id="tot_rate" name="name12"></w2:column>
						<w2:column dataType="text" id="date" name="name13"></w2:column>
						<w2:column id="chk" name="chk" dataType="text" ignoreStatus="true"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:dataList baseNode="list" id="dl_gridview2" repeatNode="map" saveRemovedData="true" style="">
					<w2:columnInfo>
						<w2:column dataType="text" id="account" name="name1"></w2:column>
						<w2:column dataType="text" id="account_name" name="name2"></w2:column>
						<w2:column dataType="text" id="owner" name="name3"></w2:column>
						<w2:column dataType="text" id="national" name="name4"></w2:column>
						<w2:column dataType="text" id="stock_usd" name="name5"></w2:column>
						<w2:column dataType="text" id="stock_rate" name="name6"></w2:column>
						<w2:column dataType="text" id="bond_usd" name="name7"></w2:column>
						<w2:column dataType="text" id="bond_rate" name="name8"></w2:column>
						<w2:column dataType="text" id="etc_usd" name="name9"></w2:column>
						<w2:column dataType="text" id="etc_rate" name="name10"></w2:column>
						<w2:column dataType="text" id="tot_usd" name="name11"></w2:column>
						<w2:column dataType="text" id="tot_rate" name="name12"></w2:column>
						<w2:column dataType="text" id="date" name="name13"></w2:column>
						<w2:column dataType="text" id="account2" name="name11"></w2:column>
						<w2:column dataType="text" id="account_name2" name="name21"></w2:column>
						<w2:column dataType="text" id="owner2" name="name31"></w2:column>
						<w2:column dataType="text" id="national2" name="name41"></w2:column>
						<w2:column dataType="text" id="stock_usd2" name="name51"></w2:column>
						<w2:column dataType="text" id="stock_rate2" name="name61"></w2:column>
						<w2:column dataType="text" id="bond_usd2" name="name71"></w2:column>
						<w2:column dataType="text" id="bond_rate2" name="name81"></w2:column>
						<w2:column dataType="text" id="etc_usd2" name="name91"></w2:column>
						<w2:column dataType="text" id="etc_rate2" name="name101"></w2:column>
						<w2:column dataType="text" id="tot_usd2" name="name111"></w2:column>
						<w2:column dataType="text" id="tot_rate2" name="name121"></w2:column>
						<w2:column dataType="text" id="date2" name="name131"></w2:column>
						<w2:column id="chk" name="chk" dataType="text" ignoreStatus="true"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection></w2:workflowCollection>
			<xf:submission id="sbm_gridview1" ref="" target="data:json,dl_gridview1" action="/data/sampleData/sampleData_P00196_1.json"
				method="post" mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous"
				processMsg="조회 중입니다." ev:submit="" ev:submitdone="" ev:submiterror="" abortTrigger="">
			</xf:submission>
			<xf:submission id="sbm_gridview2" ref="" target="data:json,dl_gridview2" action="/data/sampleData/sampleData_P00196_2.json"
				method="post" mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous"
				processMsg="조회 중입니다." ev:submit="" ev:submitdone="" ev:submiterror="" abortTrigger="">
			</xf:submission>
		</xf:model>

		<xf:group class="sub_contents" id="" style="">
			<xf:group id="" class="ws_example_grp_desc">
				<w2:textbox style="" id=""
					label="Gridview의 Excel 다운로드 기능 예제입니다.
각각 1줄, 2줄의 헤더를 가진 Gridview로 Selectbox를 통해 현재 보여지는 데이터와 실제 데이터 중 선택하여 다운로드 할 수 있습니다.
"
					escape="false">
				</w2:textbox>
				<w2:textbox style="" id="" label="이 예제는 시연용 예제로 예제 가이드 문서가 포함되어 있지 않습니다." class="ws_example_txt_desc_info" escape="false"></w2:textbox>
				<w2:textbox style="" id="" label="이 예제는 PC에 최적화 된 화면입니다. 모바일에서는 기능 일부가 작동하지 않을 수 있습니다." class="ws_example_txt_desc_info"
					escape="false">
				</w2:textbox>
			</xf:group>
			<xf:group id="">
				<xf:group style="" id="" class="titbox">
					<xf:group id=""></xf:group>
					<xf:group style="" id="" class="fr"></xf:group>
					<xf:group style="" id="" class="rt ml10">
						<xf:select1 submenuSize="auto" ref="" appearance="minimal" disabledClass="w2selectbox_disabled" chooseOption=""
							style="width: 135px;height: 25px;margin-right: 5px;" disabled="false" id="select_type1" allOption="" direction="auto">
							<xf:choices>
								<xf:item>
									<xf:label><![CDATA[보여지는데이터]]></xf:label>
									<xf:value><![CDATA[1]]></xf:value>
								</xf:item>
								<xf:item>
									<xf:label><![CDATA[실제데이터]]></xf:label>
									<xf:value><![CDATA[0]]></xf:value>
								</xf:item>
							</xf:choices>
						</xf:select1>
						<xf:trigger ev:onclick="scwin.btn_down_onclick" style="width: 80px;" id="btn_down" type="button" class="btn_cm btn_line">
							<xf:label><![CDATA[엑셀다운로드]]></xf:label>
						</xf:trigger>
						<xf:trigger ev:onclick="scwin.btn_up_onclick" style="width: 80px;" id="btn_up" type="button" class="btn_cm btn_line">
							<xf:label><![CDATA[엑셀업로드]]></xf:label>
						</xf:trigger>
						<xf:trigger ev:onclick="scwin.btn_clean_onclick" style="width: 80px;" id="btn_clean" type="button" class="btn_cm btn_line">
							<xf:label><![CDATA[초기화]]></xf:label>
						</xf:trigger>
						<xf:trigger ev:onclick="scwin.btn_insertRow1_onclick" style="width: 80px;" id="btn_insertRow1" type="button"
							class="btn_cm btn_line">
							<xf:label><![CDATA[행추가]]></xf:label>
						</xf:trigger>
						<xf:trigger ev:onclick="scwin.btn_search_onclick" style="" id="btn_search" type="button" class="btn_cm">
							<xf:label><![CDATA[조회]]></xf:label>
						</xf:trigger>

					</xf:group>
					<w2:textbox tagname="h4" style="" id="" label="1줄 엑셀 연동" class=""></w2:textbox>
				</xf:group>
				<xf:group adaptiveThreshold="" style="" id="" class="gvwbox">
					<w2:gridView tooltipFormatter="" ev:ontextimageclick="scwin.grd_menu_ontextimageclick" wheelRows="" rowNumVisible="true"
						rowStatusWidth="40" userData3="" keepDefaultColumnWidth="true" rowNumHeaderValue="순번" scrollByColumn="false" adaptive=""
						focusMode="both" rowNumWidth="50" ev:onkeyup="" dataDragSelect="true" enterKeyMove="" autoFit="allColumn" id="grd1" class="gvw"
						copyOption="dataList" ev:oncellclick="scwin.grd_menu_oncellclick" ev:onrowindexchange=""
						customPasteFormatter="scwin.grd_oncustompaste" useShiftKey="true" columnMoveWithFooter="true"
						ev:oneditkeyup="scwin.grd_menu_oneditkeyup" rowStatusHeaderValue="상태" rowStatusVisible="true" fixedColumnWithHidden="true"
						dataList="data:dl_gridview1" ev:onviewchange="" ignoreCellClick="false" style="height:300px;" columnMove="true" ev:onafteredit=""
						visibleRowNum="10" autoFitMinWidth="1187">
						<w2:header style="" id="header1">
							<w2:row style="" id="row2">
								<w2:column rowSpan="" colSpan="" width="79" inputType="text" style="height:26px;" id="column16" value="예탁계좌"
									blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" colSpan="" removeBorderStyle="false" width="70" inputType="text" style="height:26px;" id="column109"
									value="예탁계좌명" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" hidden="false" colSpan="" removeBorderStyle="false" width="70" inputType="text" style="height:26px;"
									id="column104" value="보관기관" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" hidden="false" colSpan="" removeBorderStyle="false" width="70" inputType="text" style="height:26px;"
									id="column105" value="국가" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" colSpan="" removeBorderStyle="false" width="130" inputType="text" style="height:26px;" id="column25"
									value="평균보관금액
(USD)" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column hidden="false" width="70" inputType="text" style="height:26px;" id="column117" value="점유율" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" colSpan="" removeBorderStyle="false" width="130" inputType="text" style="height:26px;" id="column23"
									value="평균보관금액
(USD)" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column hidden="false" width="70" inputType="text" style="height:26px;" id="column118" value="점유율" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" colSpan="" removeBorderStyle="false" width="130" inputType="text" style="height:26px;" id="column21"
									value="평균보관금액
(USD)" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column hidden="false" width="70" inputType="text" style="height:26px;" id="column119" value="점유율" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" colSpan="" removeBorderStyle="false" width="130" inputType="text" style="height:26px;" id="column99"
									value="평균보관금액
(USD)" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column hidden="false" width="70" inputType="text" style="height:26px;" id="column120" value="점유율" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" colSpan="" removeBorderStyle="false" width="70" inputType="text" style="height:26px;" id="column89"
									value="기준일" blockSelect="false" displayMode="label">
								</w2:column>
							</w2:row>
						</w2:header>
						<w2:gBody style="" id="gBody4">
							<w2:row style="" id="row5">
								<w2:column customFormatter="scwin.setFontFormat" hidden="false" width="79" inputType="text" readOnly="false"
									style="height:26px;" id="account" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column displayFormatter="scwin.masking_formatter" removeBorderStyle="false" dataType="text" width="70"
									inputType="text" style="" id="account_name" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column dataType="text" removeBorderStyle="false" width="70" inputType="text" style="" id="owner" blockSelect="false"
									displayMode="label">
								</w2:column>
								<w2:column dataType="text" removeBorderStyle="false" width="70" inputType="text" style="" id="national"
									blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" removeBorderStyle="false" dataType="number" width="130" displayFormat="#,###"
									excelCellType="number" inputType="text" style="" id="stock_usd" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" removeBorderStyle="false" dataType="number" width="70" excelCellType="number"
									inputType="text" style="" id="stock_rate" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" removeBorderStyle="false" dataType="number" width="130" displayFormat="#,###"
									excelCellType="number" inputType="text" style="" id="bond_usd" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" removeBorderStyle="false" dataType="number" width="70" excelCellType="number"
									inputType="text" style="" id="bond_rate" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" removeBorderStyle="false" dataType="number" width="130" displayFormat="#,###"
									excelCellType="number" inputType="text" style="" id="etc_usd" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" removeBorderStyle="false" dataType="number" width="70" excelCellType="number"
									inputType="text" style="" id="etc_rate" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" removeBorderStyle="false" dataType="number" width="130" displayFormat="#,###"
									excelCellType="number" inputType="text" style="" id="tot_usd" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" removeBorderStyle="false" dataType="number" width="70" excelCellType="number"
									inputType="text" style="" id="tot_rate" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column removeBorderStyle="false" dataType="text" width="70" inputType="text" style="" id="date" blockSelect="false"
									displayMode="label">
								</w2:column>
							</w2:row>
						</w2:gBody>
						<w2:footer style="" id="footer1" class="">
							<w2:row style="" id="">
								<w2:column rowSpan="" colSpan="" removeBorderStyle="false" dataType="text" width="79" inputType="text"
									style="height:20px;" id="column76" value="총계" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column hidden="false" removeBorderStyle="false" dataType="text" width="70" inputType="text" style="height: 26px;"
									id="column110" value="" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column hidden="false" removeBorderStyle="false" dataType="text" width="70" inputType="text" style="" id="column111"
									value="" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column hidden="false" removeBorderStyle="false" dataType="text" width="70" inputType="text" style="" id="column112"
									value="" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("stock_usd")' textAlign="right" removeBorderStyle="false" dataType="number" width="130"
									displayFormat="#,###" inputType="expression" style="height:20px" id="column73" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("stock_rate")' textAlign="right" removeBorderStyle="false" dataType="number" width="70"
									inputType="expression" style="height:20px" id="column72" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("bond_usd")' textAlign="right" removeBorderStyle="false" dataType="number" width="130"
									displayFormat="#,###" inputType="expression" style="height:20px" id="column70" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("bond_rate")' textAlign="right" removeBorderStyle="false" dataType="number" width="70"
									inputType="expression" style="height:20px" id="column69" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("etc_usd")' textAlign="right" removeBorderStyle="false" dataType="number" width="130"
									displayFormat="#,###" inputType="expression" style="height:20px" id="column67" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("etc_rate")' textAlign="right" removeBorderStyle="false" dataType="number" width="70"
									inputType="expression" style="height:20px" id="column66" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("tot_usd")' textAlign="right" removeBorderStyle="false" dataType="number" width="130"
									displayFormat="#,###" inputType="expression" style="height:20px" id="column103" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("tot_rate")' textAlign="right" removeBorderStyle="false" dataType="number" width="70"
									inputType="expression" style="height:20px" id="column98" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column displayFormatter="scwin.dis" expression='COUNT("account")' removeBorderStyle="false" dataType="number"
									width="70" inputType="expression" style="height:20px" id="column93" blockSelect="false" displayMode="label">
								</w2:column>
							</w2:row>
						</w2:footer>
					</w2:gridView>
				</xf:group>
			</xf:group>
			<xf:group id="">
				<xf:group style="" id="" class="titbox">
					<xf:group id=""></xf:group>
					<xf:group style="" id="" class="fr"></xf:group>
					<xf:group style="" id="" class="rt ml10">
						<xf:select1 submenuSize="auto" ref="" appearance="minimal" disabledClass="w2selectbox_disabled" chooseOption=""
							style="width: 135px;height: 25px;margin-right: 5px;" disabled="false" id="select_type2" allOption="" direction="auto">
							<xf:choices>
								<xf:item>
									<xf:label><![CDATA[보여지는데이터]]></xf:label>
									<xf:value><![CDATA[1]]></xf:value>
								</xf:item>
								<xf:item>
									<xf:label><![CDATA[실제데이터]]></xf:label>
									<xf:value><![CDATA[0]]></xf:value>
								</xf:item>
							</xf:choices>
						</xf:select1>
						<xf:trigger ev:onclick="scwin.btn_down2_onclick" style="width: 80px;" id="btn_down2" type="button" class="btn_cm btn_line">
							<xf:label><![CDATA[엑셀다운로드]]></xf:label>
						</xf:trigger>
						<xf:trigger ev:onclick="scwin.btn_up2_onclick" style="width: 80px;" id="btn_up2" type="button" class="btn_cm btn_line">
							<xf:label><![CDATA[엑셀업로드]]></xf:label>
						</xf:trigger>
						<xf:trigger ev:onclick="scwin.btn_clean2_onclick" style="width: 80px;" id="btn_clean2" type="button"
							class="btn_cm btn_line">
							<xf:label><![CDATA[초기화]]></xf:label>
						</xf:trigger>
						<xf:trigger ev:onclick="scwin.btn_insertRow2_onclick" style="width: 80px;" id="btn_insertRow2" type="button"
							class="btn_cm btn_line">
							<xf:label><![CDATA[행추가]]></xf:label>
						</xf:trigger>
						<xf:trigger ev:onclick="scwin.btn_search2_onclick" style="" id="btn_search2" type="button" class="btn_cm">
							<xf:label><![CDATA[조회]]></xf:label>
						</xf:trigger>

					</xf:group>
					<w2:textbox tagname="h4" style="" id="" label="2줄 엑셀 연동" class=""></w2:textbox>
				</xf:group>
				<xf:group adaptiveThreshold="" style="" id="" class="gvwbox">
					<w2:gridView tooltipFormatter="" ev:ontextimageclick="scwin.grd_menu_ontextimageclick" wheelRows="" rowNumVisible="true"
						rowStatusWidth="40" userData3="" keepDefaultColumnWidth="true" rowNumHeaderValue="순번" scrollByColumn="false" adaptive=""
						focusMode="both" rowNumWidth="50" ev:onkeyup="" dataDragSelect="true" enterKeyMove="" autoFit="allColumn" id="grd2" class="gvw"
						copyOption="dataList" ev:oncellclick="scwin.grd_menu_oncellclick" ev:onrowindexchange=""
						customPasteFormatter="scwin.grd_oncustompaste" useShiftKey="true" columnMoveWithFooter="true"
						ev:oneditkeyup="scwin.grd_menu_oneditkeyup" rowStatusHeaderValue="상태" rowStatusVisible="true" fixedColumnWithHidden="true"
						dataList="data:dl_gridview2" ev:onviewchange="" columnMove="true" ignoreCellClick="false" style="height:300px;" ev:onafteredit=""
						visibleRowNum="5" autoFitMinWidth="1187">
						<w2:header style="" id="header1">
							<w2:row style="" id="row2">
								<w2:column rowSpan="" colSpan="" width="79" inputType="text" style="height:26px;" id="column16" value="예탁계좌"
									blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" colSpan="" removeBorderStyle="false" width="70" inputType="text" style="height:26px;" id="column109"
									value="예탁계좌명" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" hidden="false" colSpan="" removeBorderStyle="false" width="70" inputType="text" style="height:26px;"
									id="column104" value="보관기관" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" hidden="false" colSpan="" removeBorderStyle="false" width="70" inputType="text" style="height:26px;"
									id="column105" value="국가" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" colSpan="" removeBorderStyle="false" width="130" inputType="text" style="height:26px;" id="column25"
									value="평균보관금액
(USD)" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column hidden="false" width="70" inputType="text" style="height:26px;" id="column117" value="점유율" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" colSpan="" removeBorderStyle="false" width="130" inputType="text" style="height:26px;" id="column23"
									value="평균보관금액
(USD)" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column hidden="false" width="70" inputType="text" style="height:26px;" id="column118" value="점유율" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" colSpan="" removeBorderStyle="false" width="130" inputType="text" style="height:26px;" id="column21"
									value="평균보관금액
(USD)" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column hidden="false" width="70" inputType="text" style="height:26px;" id="column119" value="점유율" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" colSpan="" removeBorderStyle="false" width="130" inputType="text" style="height:26px;" id="column99"
									value="평균보관금액
(USD)" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column hidden="false" width="70" inputType="text" style="height:26px;" id="column120" value="점유율" displayMode="label">
								</w2:column>
								<w2:column rowSpan="" colSpan="" removeBorderStyle="false" width="70" inputType="text" style="height:26px;" id="column89"
									value="기준일" blockSelect="false" displayMode="label">
								</w2:column>
							</w2:row>
							<w2:row style="" id="row7">
								<w2:column width="79" inputType="text" style="" id="column146" value="예금주" displayMode="label"></w2:column>
								<w2:column width="70" inputType="text" style="" id="column145" value="2예탁계좌명" displayMode="label"></w2:column>
								<w2:column width="70" inputType="text" style="" id="column144" value="2보관기관" displayMode="label"></w2:column>
								<w2:column width="70" inputType="text" style="" id="column143" value="국가" displayMode="label"></w2:column>
								<w2:column width="130" inputType="text" style="" id="column142" value="평균보관금액
(원화)" displayMode="label">
								</w2:column>
								<w2:column width="70" inputType="text" style="" id="column141" value="점유율" displayMode="label"></w2:column>
								<w2:column width="130" inputType="text" style="" id="column140" value="평균보관금액
(원화)" displayMode="label">
								</w2:column>
								<w2:column width="70" inputType="text" style="" id="column139" value="점유율" displayMode="label"></w2:column>
								<w2:column width="130" inputType="text" style="" id="column138" value="평균보관금액
(원화)" displayMode="label">
								</w2:column>
								<w2:column width="70" inputType="text" style="" id="column137" value="점유율" displayMode="label"></w2:column>
								<w2:column width="130" inputType="text" style="" id="column136" value="평균보관금액
(USD)" displayMode="label">
								</w2:column>
								<w2:column width="70" inputType="text" style="" id="column135" value="점유율" displayMode="label"></w2:column>
								<w2:column width="70" inputType="text" style="" id="column134" value="기준일" displayMode="label"></w2:column>
							</w2:row>
						</w2:header>
						<w2:gBody style="" id="gBody4">
							<w2:row style="" id="row5">
								<w2:column customFormatter="scwin.setFontFormat" hidden="false" dataType="text" width="79" inputType="text"
									readOnly="false" style="height:26px;" id="account" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column displayFormatter="scwin.masking_formatter" removeBorderStyle="false" dataType="text" width="70"
									inputType="text" style="" id="account_name" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column removeBorderStyle="false" dataType="text" width="70" inputType="text" style="" id="owner" blockSelect="false"
									displayMode="label">
								</w2:column>
								<w2:column removeBorderStyle="false" dataType="text" width="70" inputType="text" style="" id="national"
									blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" removeBorderStyle="false" width="130" displayFormat="#,###"
									excelCellType="number" inputType="text" style="" id="stock_usd" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" removeBorderStyle="false" width="70" excelCellType="number"
									inputType="text" style="" id="stock_rate" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" removeBorderStyle="false" width="130" displayFormat="#,###"
									excelCellType="number" inputType="text" style="" id="bond_usd" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" removeBorderStyle="false" width="70" excelCellType="number"
									inputType="text" style="" id="bond_rate" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" removeBorderStyle="false" width="130" displayFormat="#,###"
									excelCellType="number" inputType="text" style="" id="etc_usd" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" removeBorderStyle="false" width="70" excelCellType="number"
									inputType="text" style="" id="etc_rate" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" removeBorderStyle="false" width="130" displayFormat="#,###"
									excelCellType="number" inputType="text" style="" id="tot_usd" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" removeBorderStyle="false" width="70" excelCellType="number"
									inputType="text" style="" id="tot_rate" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column removeBorderStyle="false" dataType="text" width="70" inputType="text" style="" id="date" blockSelect="false"
									displayMode="label">
								</w2:column>
							</w2:row>
							<w2:row style="" id="row6">
								<w2:column dataType="text" width="79" inputType="text" style="" id="account2" value="" displayMode="label">
								</w2:column>
								<w2:column displayFormatter="scwin.masking_formatter" dataType="text" width="70" inputType="text" style=""
									id="account_name2" value="" displayMode="label">
								</w2:column>
								<w2:column dataType="text" width="70" inputType="text" style="" id="owner2" value="" displayMode="label"></w2:column>
								<w2:column dataType="text" width="70" inputType="text" style="" id="national2" value="" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" width="130" displayFormat="#,###" inputType="text" style="" id="stock_usd2"
									value="" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" width="70" inputType="text" style="" id="stock_rate2" value=""
									displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" width="130" displayFormat="#,###" inputType="text" style="" id="bond_usd2"
									value="" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" width="70" inputType="text" style="" id="bond_rate2" value=""
									displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" width="130" displayFormat="#,###" inputType="text" style="" id="etc_usd2"
									value="" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" width="70" inputType="text" style="" id="etc_rate2" value=""
									displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" width="130" displayFormat="#,###" inputType="text" style="" id="tot_usd2"
									value="" displayMode="label">
								</w2:column>
								<w2:column textAlign="right" dataType="number" width="70" inputType="text" style="" id="tot_rate2" value=""
									displayMode="label">
								</w2:column>
								<w2:column textAlign="right" width="70" inputType="text" style="" id="date2" value="" displayMode="label"></w2:column>
							</w2:row>
						</w2:gBody>
						<w2:footer style="" id="footer1" class="">
							<w2:row style="" id="">
								<w2:column rowSpan="" colSpan="" removeBorderStyle="false" dataType="text" width="79" inputType="text"
									style="height:20px;" id="column76" value="총계" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column hidden="false" removeBorderStyle="false" dataType="text" width="70" inputType="text" style="height: 26px;"
									id="column110" value="" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column hidden="false" removeBorderStyle="false" dataType="text" width="70" inputType="text" style="" id="column111"
									value="" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column hidden="false" removeBorderStyle="false" dataType="text" width="70" inputType="text" style="" id="column112"
									value="" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("stock_usd")' textAlign="right" dataType="number" removeBorderStyle="false" width="130"
									displayFormat="#,###" inputType="expression" style="height:20px" id="column73" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("stock_rate")' textAlign="right" dataType="number" removeBorderStyle="false" width="70"
									inputType="expression" style="height:20px" id="column72" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("bond_usd")' textAlign="right" dataType="number" removeBorderStyle="false" width="130"
									displayFormat="#,###" inputType="expression" style="height:20px" id="column70" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("bond_rate")' textAlign="right" dataType="number" removeBorderStyle="false" width="70"
									inputType="expression" style="height:20px" id="column69" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("etc_usd")' textAlign="right" dataType="number" removeBorderStyle="false" width="130"
									displayFormat="#,###" inputType="expression" style="height:20px" id="column67" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("etc_rate")' textAlign="right" dataType="number" removeBorderStyle="false" width="70"
									inputType="expression" style="height:20px" id="column66" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("tot_usd")' textAlign="right" dataType="number" removeBorderStyle="false" width="130"
									displayFormat="#,###" inputType="expression" style="height:20px" id="column103" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column expression='SUM("tot_rate")' textAlign="right" dataType="number" removeBorderStyle="false" width="70"
									inputType="expression" style="height:20px" id="column98" blockSelect="false" displayMode="label">
								</w2:column>
								<w2:column displayFormatter="scwin.dis" expression='COUNT("account")' removeBorderStyle="false" dataType="number"
									width="70" inputType="expression" style="height:20px" id="column93" blockSelect="false" displayMode="label">
								</w2:column>
							</w2:row>
						</w2:footer>
					</w2:gridView>
				</xf:group>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230130" 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='마우스 드래그-앤-드롭을 통해 네임 레이어 상의 탭의 위치를 변경하는 예제입니다.
이 기능은 아래의 속성으로 사용할 수 있습니다.
- nameLayerMove : 네임 레이어 상에서 탭의 위치 변경 여부'
					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="(기본 설정) nameLayerMove - false" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="마우스 드래그-앤-드롭을 통해 네임 레이어 상의 탭의 위치를 변경할 수 없습니다."
							style="">
						</w2:textbox>
						<w2:windowContainer controlIconPosition="left" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
							horizontalArrangeNum="2" id="wgc_exam_1" nameLayerRearrange="false" sequentialArrangeColNum="2" sequentialArrangeRowNum="2"
							spaInitCount="0" stopToggleOnLast="false" style="position: relative;height: 300px;border: gray solid 1px;" toolbarPosition="bottom"
							tooltipDisplay="true" tooltipGroupClass="false" useCloseButton="false" useControlIconTitle="false" useCustomMsg="false"
							useFixButton="false" useNameContainer="false" useStatusMsg="false" verticalArrangeNum="2" windowAutoResize="false" windowMaxNum="10"
							windowMaximizeAll="false" windowTooltipDisplay="true" stopMinimizeOnNameLayer="true">
							<w2:windowToolbar>
								<w2:controlIconLayer>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
								</w2:controlIconLayer>
								<w2:nameLayer></w2:nameLayer>
								<w2:selectedNameLayer></w2:selectedNameLayer>
							</w2:windowToolbar>
						</w2:windowContainer>
					</xf:group>
				</xf:group>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="nameLayerMove - true 적용" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="마우스 드래그-앤-드롭을 통해 네임 레이어 상의 탭의 위치를 변경할 수 있습니다."
							style="">
						</w2:textbox>
						<w2:windowContainer controlIconPosition="left" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
							horizontalArrangeNum="2" id="wgc_exam_2" nameLayerRearrange="false" sequentialArrangeColNum="2" sequentialArrangeRowNum="2"
							spaInitCount="0" stopToggleOnLast="false" style="position: relative;height: 300px;border: gray solid 1px;" toolbarPosition="bottom"
							tooltipDisplay="true" tooltipGroupClass="false" useCloseButton="false" useControlIconTitle="false" useCustomMsg="false"
							useFixButton="false" useNameContainer="false" verticalArrangeNum="2" windowAutoResize="false" windowMaxNum="10"
							windowMaximizeAll="false" windowTooltipDisplay="true" nameLayerMove="true" useStatusMsg="false" stopMinimizeOnNameLayer="true">
							<w2:windowToolbar>
								<w2:controlIconLayer>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
									<w2:controlIcon></w2:controlIcon>
								</w2:controlIconLayer>
								<w2:nameLayer></w2:nameLayer>
								<w2:selectedNameLayer></w2:selectedNameLayer>
							</w2:windowToolbar>
						</w2:windowContainer>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20220522" meta_user="InswaveSystems"></w2:history>
			<w2:history meta_no="02" 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:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents P00035" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label="Generator의 기본 기능 사용법 예제입니다.
TableLayout을 사용하여 'Table'의 'tr'이 반복되도록 구성되었습니다.
다음은 구현된 기능에 사용된 주요 함수입니다.
- 아이템 추가하기 : insertChild
- 아이템 전체 삭제하기 : removeAll
- 형제 컴포넌트 제어하기 : getGeneratedComponent
- 인덱스로 아이템 삭제하기 : removeChild
- 인덱스 반환받기 : getGeneratedIndex"
					style="">
				</w2:textbox>
			</xf:group>
			<xf:group class="example_div_tb_style_wrap mb_def" id="" style="">
				<xf:group class="example_div_tr_style" id="" style="">
					<xf:group class="example_div_td_style" id="" style="">
						<xf:group class="mb_def_box nobottom" id="" style="">
							<xf:trigger ev:onclick="scwin.btn_insertChild_onclick" id="btn_insertChild" style="" type="button"
								class="btn_exam_exec">
								<xf:label><![CDATA[아이템 추가하기]]></xf:label>
							</xf:trigger>
							<xf:trigger ev:onclick="scwin.btn_removeAll_onclick" id="btn_removeAll" style="" type="button"
								class="btn_exam_exec">
								<xf:label><![CDATA[전체 아이템 삭제하기]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="아래의 영역에 아이템이 추가(생성)됩니다." style=""></w2:textbox>
						<xf:group id="" class="mb_def_box nobottom" style="">
							<xf:group class="w2tb" id="" style="width: 100%;background-color: #fff;" tagname="table">
								<w2:attributes>
									<w2:summary></w2:summary>
								</w2:attributes>
								<xf:group tagname="colgroup">
									<xf:group style="width:66px;" tagname="col"></xf:group>
									<xf:group style="" tagname="col"></xf:group>
								</xf:group>
								<w2:generator id="gen_exam" style="" tagname="tbody">
									<xf:group id="" tagname="tr">
										<xf:group tagname="th" style="" class="w2tb_th">
											<w2:textbox ref="" style="" userData2="" id="tbx_gen_label" label="label" class=""></w2:textbox>
										</xf:group>
										<xf:group tagname="td" style="" class="w2tb_td">
											<xf:input adjustMaxLength="false" id="ibx_gen_exam"
												style="width: 90px;margin-right: 5px;display: block;">
											</xf:input>
											<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_gen_exam_onclick" id="btn_gen_exam"
												style="" type="button">
												<xf:label><![CDATA[Input 값 반환]]></xf:label>
											</xf:trigger>
											<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_gen_index_onclick" id="btn_gen_index"
												style="" type="button">
												<xf:label><![CDATA[인덱스 반환]]></xf:label>
											</xf:trigger>
											<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_gen_remove_onclick" id="btn_gen_remove"
												style="" type="button">
												<xf:label><![CDATA[아이템 삭제]]></xf:label>
											</xf:trigger>
										</xf:group>
									</xf:group>
								</w2:generator>
							</xf:group>
						</xf:group>
					</xf:group>
				</xf:group>
			</xf:group>
		</xf:group>


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

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="com_example_dl" id="" style="" tagname="dl">
				<xf:group class="com_example_heading_btn" id="" tagname="dt" style="">
					<w2:textbox class="com_example_heading" id="" label="$p.log - 웹스퀘어 로그 API" style=""></w2:textbox>
					<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" style=""
						type="button">
						<xf:label><![CDATA[실행1]]></xf:label>
					</xf:trigger>
				</xf:group>
				<xf:group id="" style="" tagname="dd">
					<xf:group id="" tagname="details" class="com_example_block_code_details">
						<w2:textbox id="" label="코드 예시" style="" tagname="summary" class=""></w2:textbox>
						<w2:textbox tagname="code" style="" id=""
							label='//(버튼 클릭 후 브라우저에서 [ctrl]키를 누른채 [마우스 오른쪽 버튼]을 클릭한 뒤 [로그보기]를 클릭합니다.)

var jsonObj = {"No":"2", "name":"WebSquare"};
var jsonStr = JSON.stringify( jsonObj );
var jsonStrWithTab = JSON.stringify( jsonObj ,null,"\t");

//테스트
$p.log("===========$p.log===========");
$p.log(jsonObj);
$p.log(jsonObj.name);
$p.log(jsonStrWithTab);
$p.log("========================");'
							class="" escape="false">
						</w2:textbox>
					</xf:group>
				</xf:group>
				<xf:group class="com_example_heading_btn" id="" style="" tagname="dt">
					<w2:textbox class="com_example_heading" id="" label="console.log - 브라우저 로그 API" style=""></w2:textbox>
					<xf:trigger class="btn_exam_exec" disabled="" escape="false" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" style=""
						type="button">
						<xf:label><![CDATA[실행2]]></xf:label>
					</xf:trigger>
				</xf:group>
				<xf:group class="" id="" style="" tagname="dd">
					<xf:group class="com_example_block_code_details" id="" tagname="details">
						<w2:textbox class="" id="" label="코드 예시" style="" tagname="summary"></w2:textbox>
						<w2:textbox class="" escape="false" id=""
							label='//(버튼 클릭 후 브라우저의 [개발자도구]의 [콘솔(console)]탭에서 로그를 확인합니다.)

var jsonObj = {"No":"2", "name":"WebSquare"};
var jsonStr = JSON.stringify( jsonObj );
var jsonStrWithTab = JSON.stringify( jsonObj ,null,"\t");

//테스트
console.log("===========console===========");
console.log(jsonObj);
console.log(jsonObj.name);
console.log(jsonStrWithTab);
console.log("========================");
'
							style="" tagname="code">
						</w2:textbox>
					</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="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의 엑셀 다운로드(함수 'advancedExcelDownload') 옵션 중 바디의 스타일을 적용할 수 있는 옵션 설정의 예제입니다.
바디 스타일을 지정할 수 있는 옵션은 아래와 같습니다.
- bodyColor : [default: #FFFFFF] Excel 파일에서 그리드의 body의 색
- bodyFontName : [default: 없음] Excel 파일에서 그리드의 body의 font name
- bodyFontSize : Excel 파일에서 그리드의 body의 font size
- bodyFontColor : [default: 없음] Excel 파일에서 그리드의 body의 font 색
- bodyFontBold : [default: 없음] Excel 파일에서 그리드의 body의 Bold 적용 유무
- oddRowBackgroundColor : [default: 없음] Excel 파일에서 그리드 body의 홀수 줄의 배경색
- evenRowBackgroundColor : [default: 없음] Excel 파일에서 그리드 body의 짝수 줄의 배경색"
					style="">
				</w2:textbox>
				<w2:textbox class="txt_info_important" escape="false" id=""
					label="옵션 bodyColor, bodyFontName, bodyFontSize, bodyFontColor, bodyFontBold는 옵션 'useStyle'을 'false'로 지정해야 동작합니다." style=""></w2:textbox>
				<w2:textbox class="" escape="false" id="" label="다운로드된 엑셀 파일의 바디 영역의 스타일을 비교합니다." style=""></w2:textbox>
			</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[엑셀 다운로드 - 기본]]></xf:label>
					</xf:trigger>
					<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex2_onclick" id="btn_ex2" localeRef=""
						style="min-width:30px;height:26px;" type="" useDefaultLabel="true">
						<xf:label><![CDATA[엑셀 다운로드 - 바디의 스타일 적용]]></xf:label>
					</xf:trigger>
					<xf:trigger class="btn_exam_exec btn_txt_of" ev:onclick="scwin.btn_ex3_onclick" id="btn_ex3" localeRef=""
						style="min-width:30px;height:26px;" type="" useDefaultLabel="true">
						<xf:label><![CDATA[엑셀 다운로드 - 바디의 홀수행, 짝수행 배경색 적용]]></xf:label>
					</xf:trigger>
				</xf:group>
				<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books" defaultCellHeight="24"
					id="grd_exam1" readOnly="true" 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="20230203" 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: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 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의 초기 높이를 속성 visibleRowNum에 지정된 행의 개수를 바탕으로 설정하는 예제입니다.
데이터가 할당되기 전의 GridView의 높이를 고정할 때 주로 사용됩니다.
이 기능은 아래의 속성으로 사용할 수 있습니다.
- visibleRowNum : (속성) 화면에 표현할 행의 개수.
- visibleRowNumFix : (속성) 초기 gridView의 높이를 visibleRowNum에 설정한 값에 해당하는 크기만큼 자동으로 늘려주는 설정'
					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="속성 visibleRowNum, visibleRowNumFix 지정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="GridView에 지정된 높이는 70px입니다. 높이를 가늠하기 위해 배경색이 지정되어 있습니다." style="">
						</w2:textbox>
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="이 GridView는 속성 visibleRowNum이 3, 속성 visibleRowNumFix이 true로 지정되어 있습니다." 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_onclick" id="btn_ex1"
								style="" type="button">
								<xf:label><![CDATA[GridView에 Data 할당하기1]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24"
							id="" readOnly="true" rowNumVisible="true" rowNumWidth="26" style="height:70px;background-color: #eee;" 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>
				<xf:group class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="속성 visibleRowNum 지정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="GridView에 지정된 높이는 70px입니다. 높이를 가늠하기 위해 배경색이 지정되어 있습니다." style="">
						</w2:textbox>
						<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
							label="이 GridView는 속성 visibleRowNum이 3으로 지정되어 있습니다.
데이터가 할당되기 전이기 때문에 초기 높이 값이 70px로 설정됩니다." 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_ex2_onclick" id="btn_ex2"
								style="" type="button">
								<xf:label><![CDATA[GridView에 Data 할당하기2]]></xf:label>
							</xf:trigger>
						</xf:group>
						<w2:gridView autoFit="allColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books_2" defaultCellHeight="24"
							id="" style="height:70px;background-color: #eee;" visibleRowNum="3" rowNumVisible="true" rowNumWidth="26" readOnly="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>
			</xf:group>
		</xf:group>


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

		<w2:historyInfo>
			<w2:history meta_no="01" meta_desc="최초작성" meta_date="20230106" 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의 행 번호 컬럼의 부가 기능 설정 예시입니다.
예제에 설정한 기능은 속성 rowNumVisible(행 번호 표시 설정)이 true로 지정되어야 동작합니다.' style="">
				</w2:textbox>
				<w2:textbox escape="false" id=""
					label="아래 목록은 적용 속성별 설명입니다.
- rowNumVisible : 행 번호 표시 여부 지정
- rowNumWidth : 행 번호 컬럼 너비(폭) 지정
- rowNumHeaderValue : 행 번호 컬럼의 헤더의 출력 값(레이블) 지정
- rowNumBackgroundColor : 행 번호의 바디 컬럼의 배경색 지정
- rowNumStatusResize : 행 번호 컬럼의 리사이즈 가능 여부 지정"
					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="부가 설정 목록
- 행 번호 컬럼 너비(폭)이 '34px'로 지정되었습니다.
- 행 번호 컬럼의 헤더에 '번호'가 표시(출력)됩니다.
- 행 번호의 바디 컬럼의 배경색이 '#f0f2f4'로 지정되었습니다.
- 행 번호 컬럼의 리사이즈가 가능합니다. (헤더 컬럼에서 조작)"
							style="">
						</w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24"
							id="" style="height:100px;" visibleRowNum="3" visibleRowNumFix="true" rowNumVisible="true" rowNumWidth="34" rowNumHeaderValue="번호"
							rowNumBackgroundColor="#f0f2f4" rowNumStatusResize="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="90"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="160"></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="90" 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 class="example_div_tr_style" id="" style="">
					<w2:textbox class="example_div_th_style" escape="false" id="" label="행 번호 표시만 설정" style=""></w2:textbox>
					<xf:group class="example_div_td_style" id="" style="">
						<w2:textbox class="ws5_example_txt_normal" escape="false" id="" label="GridView의 속성 rowNumVisible=true" style=""></w2:textbox>
						<w2:gridView autoFit="lastColumn" autoFitMinWidth="240" class="gvw" dataList="data:dlt_books_1" defaultCellHeight="24"
							id="" rowNumVisible="true" style="height:100px;" visibleRowNum="3" visibleRowNumFix="true" rowNumStatusResize="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="column2" inputType="text" value="분류" width="90"></w2:column>
									<w2:column displayMode="label" id="column3" inputType="text" value="도서명" width="160"></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="90"></w2:column>
									<w2:column displayMode="label" id="label" inputType="text" textAlign="left" value="" width="160"></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="20221021" meta_user="InswaveSystems" ></w2:history>
		</w2:historyInfo>
		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<w2:MSA />
		<xf:model>
			<w2:dataCollection baseNode="map">
				<w2:dataList baseNode="list" repeatNode="map" id="dlt_exam_code" saveRemovedData="true">
					<w2:columnInfo>
						<w2:column id="label" name="label" dataType="text"></w2:column>
						<w2:column id="code" name="code" dataType="text"></w2:column>
						<w2:column id="useYN" name="useYN" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection />
		</xf:model>
		<w2:layoutInfo />
		<w2:publicInfo method="" />

		<xf:group class="sub_contents" id="" style="">
			<xf:group class="ws_example_grp_desc" id="" style="">
				<w2:textbox escape="false" id=""
					label='Radio의 항목을 비활성화 하는 예제입니다.
DataList와 Radio의 항목을 연결하여 설정할 수 있습니다.
비활성화된 항목은 사용자의 선택이 불가합니다.' 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="">
						<xf:select1 id="rad_exam1" selectedIndex="-1" appearance="full" style="min-width: 80px;min-height: 21px;" cols="" rows=""
							ref="">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_exam_code">
									<xf:label ref="label"></xf:label>
									<xf:value ref="code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</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="">
						<xf:select1 appearance="full" cols="" id="rad_exam2" ref="" rows="" selectedIndex="-1"
							style="min-width: 80px;min-height: 21px;" enableColumn="useYN" enableColumnFalseValue="N">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_exam_code">
									<xf:label ref="label"></xf:label>
									<xf:value ref="code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</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="">
						<xf:group id="" style="" class="mb10">
							<xf:trigger class="btn_exam_exec" ev:onclick="scwin.btn_ex1_onclick" id="btn_ex1" style="" type="button">
								<xf:label><![CDATA[항목 비활성화]]></xf:label>
							</xf:trigger>
						</xf:group>
						<xf:select1 appearance="full" cols="" id="rad_exam3" ref="" rows="" selectedIndex="-1"
							style="min-width: 80px;min-height: 21px;">
							<xf:choices>
								<xf:itemset nodeset="data:dlt_exam_code">
									<xf:label ref="label"></xf:label>
									<xf:value ref="code"></xf:value>
								</xf:itemset>
							</xf:choices>
						</xf:select1>
					</xf:group>
				</xf:group>

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


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

scwin.onpageload = function () {

};

]]></script>
	</head>
	<body ev:onpageload="scwin.onpageload">
    	<xf:group class="sub_contents" id="" style="">
    		<w2:textbox id="" label="P00222S03.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="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='컴포넌트의 속성 useAlert 설정 예제입니다.
속성 useAlert은 속성 dataType이 "date"로 지정되고, 사용자가 입력 영역(input)에 직접 값을 입력했을 때 동작하는 기능입니다.
사용자가 입력한 값이 유효한 날짜가 아닌 경우 경고 포커스가 벗어난는 시점에 메시지(alert)가 출력됩니다.'
					style="" class="mb10">
				</w2:textbox>
				<w2:textbox escape="false" id="" label='입력 영역(Input)에 "20999999"를 입력하고 컴포넌트에서 포커스 제거했을 때 설정별 동작을 비교합니다.' 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:spinner skin="type1" buttonSize="30" inputReadOnly="false" id="spi_exam1"
							style="position: relative;width:130px;min-height:24px;" dataType="date">
						</w2:spinner>
					</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:spinner buttonSize="30" id="spi_exam2" inputReadOnly="false" skin="type1"
							style="position: relative;width:130px;min-height:24px;" dataType="date" useAlert="false">
						</w2:spinner>
					</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="20230217" meta_user="InswaveSystems" ></w2:history>
			<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: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의 입력 값의 유효성 검사 방법들의 예제입니다.
크게 두 가지 방법으로 Input의 이벤트를 이용한 방법과 속성에 사용자 정의 함수를 선언하는 방법입니다.
사용할 이벤트와 속성은 아래와 같습니다.

이벤트: oneditenter, onviewchange, onchange, onblur
속성: validator, displayformatter

추가적으로 자주 사용되는 onblur, onviewchange, oneditenter, validator, displayformatter의 실행 순서를 확인할 수 있는 예제를 포함하고 있습니다."
    				style="margin-bottom: 10px;">
    			</w2:textbox>
    			<w2:textbox class="txt_info_important" id="" label="컴포넌트의 이벤트 발생 시 결과가 입력 컴포넌트 우측에 표시되며 영역 [로그 확인]의 textarea에 로그가 같이 출력됩니다." style=""></w2:textbox>
    		</xf:group>
    		<xf:group class="example_div_tb_style_wrap mb_def" id="" style="">
    			<xf:group class="example_div_tr_style" id="" style="">

    			</xf:group>
    			<xf:group id="" class="example_div_tr_style">
    				<w2:textbox style="" id="" label="Event: onveiwchange" class="example_div_th_style" escape="false"></w2:textbox>
    				<xf:group style="" id="" class="example_div_td_style">
    					<w2:textbox style="" id=""
    						label="이벤트 onviewchange를 이용한 날짜 형식 유효성 검사입니다.
onviewchange는 사용자가 화면에서 값을 변경한 경우 발생하는 이벤트 입니다.
script 상에서 수정된 경우 이벤트가 발생하지 않습니다.
ex) 20230101 -> (O) , 9999999 -> (X)"
    						class="ws5_example_txt_normal" escape="false">
    					</w2:textbox>
    					<xf:group style="" id="" class="gvwbox"></xf:group>
    					<xf:input maxlength="8" dataType="date" ev:onviewchange="scwin.ibx2_onviewchange" displayFormat="yyyy/MM/dd"
    						style="width:161px;" allowChar="0-9" autoFocus="true" id="ibx2" placeholder="YYYY/MM/dd" class="">
    					</xf:input>
    					<w2:span style="font-weight: bold;color: red;margin-left: 10px;" id="spn2" label=""></w2:span>
    				</xf:group>
    			</xf:group>
    			<xf:group id="" class="example_div_tr_style">
    				<w2:textbox style="" id="" label="Event: oneditenter" class="example_div_th_style" escape="false"></w2:textbox>
    				<xf:group style="" id="" class="example_div_td_style">
    					<w2:textbox style="" id=""
    						label='이벤트 oneditenter를 이용한 필수 입력 항목입니다.
oneditenter 이벤트는 Input에서 "ENTER"키 혹은 "TAB"키를 누를 때 발생합니다.'
    						class="ws5_example_txt_normal" escape="false">
    					</w2:textbox>
    					<xf:group style="" id="" class="gvwbox"></xf:group>

    					<xf:input ev:oneditenter="scwin.ibx1_oneditenter" maxlength="13"
    						dataType="text" editType="select" style="width:161px;" id="ibx1" placeholder="해당 항목은 필수입력입니다." class="" mandatory="true">
    					</xf:input>
    					<w2:span style="font-weight: bold;color: red;margin-left: 10px;" label="" id="spn1"></w2:span>
    				</xf:group>
    			</xf:group>
    			<xf:group id="" class="example_div_tr_style">
    				<w2:textbox style="" id="" label="Event: onchange" class="example_div_th_style" escape="false"></w2:textbox>
    				<xf:group style="" id="" class="example_div_td_style">
    					<w2:textbox style="" id=""
    						label="이벤트 onchange를 이용한 주민등록번호 유효성 검증 샘플입니다
onchange는 Input 안의 값이 변경된 경우 발생하는 이벤트로, 화면에서 사용자의 조작이나 script 상에서 변경된 경우 모두 발생합니다.
script 상에서 변경되어도 이벤트가 발상한다는 점에서 잘 사용되지 않고,
사용자 조작으로만 이벤트가 발생하는 onviewchange가 더 자주 사용됩니다.
ex) 6407131018433 -> (O)"
    						class="ws5_example_txt_normal" escape="false">
    					</w2:textbox>
    					<xf:group style="" id="" class="gvwbox"></xf:group>
    					<xf:input ev:onchange="scwin.ibx3_onchange" maxlength="13" dataType="number" displayFormat="######-#######"
    						editType="select" style="width:161px;" allowChar="0-9" autoFocus="true" id="ibx3" placeholder="주민번호" class="">
    					</xf:input>
    					<w2:span style="font-weight: bold;color: red;margin-left: 10px;" id="spn3" label=""></w2:span>
    				</xf:group>
    			</xf:group>
    			<xf:group id="" class="example_div_tr_style">
    				<w2:textbox style="" id="" label="Event: onblur" class="example_div_th_style" escape="false"></w2:textbox>
    				<xf:group style="" id="" class="example_div_td_style">
    					<w2:textbox style="" id=""
    						label="onblur를 이용한 값 선택한 겂 범위 체크 예제입니다.
onblur는 Input에서 포커스가 벗어나게 되면 발생하는 이벤트입니다.
selectbox에서 범위를 선택하고 숫자를 입력한 뒤 Input이 아닌 다른 곳을 클릭하면 이벤트가 발생합니다."
    						class="ws5_example_txt_normal" escape="false">
    					</w2:textbox>
    					<xf:group style="" id="" class="gvwbox"></xf:group>
    					<xf:group id="" style="margin-bottom: 5px;">
    						<xf:select1 chooseOptionLabel="" submenuSize="auto" chooseOption="true" allOption="" ref="" appearance="minimal"
    							disabledClass="w2selectbox_disabled" ev:onviewchange="scwin.slt1_onviewchange" disabled="false" style="width:164px;" id="slt1"
    							renderType="native" class="" direction="auto">
    							<xf:choices>
    								<xf:item>
    									<xf:label><![CDATA[1~1000]]></xf:label>
    									<xf:value><![CDATA[1]]></xf:value>
    								</xf:item>
    								<xf:item>
    									<xf:label><![CDATA[1001~2000]]></xf:label>
    									<xf:value><![CDATA[2]]></xf:value>
    								</xf:item>
    								<xf:item>
    									<xf:label><![CDATA[2001~3000]]></xf:label>
    									<xf:value><![CDATA[3]]></xf:value>
    								</xf:item>
    								<xf:item>
    									<xf:label><![CDATA[3001~]]></xf:label>
    									<xf:value><![CDATA[4]]></xf:value>
    								</xf:item>
    							</xf:choices>
    						</xf:select1>
    					</xf:group>
    					<xf:group id="">
    						<xf:input dataType="number" ev:onviewchange="scwin.ibx6_onviewchange" displayFormat="###,##0"
    							style="width:164px;text-align: right;" allowChar="0-9" id="ibx6" placeholder="" class="">
    						</xf:input>
    						<w2:span style="font-weight: bold;color: red;margin-left: 10px;" id="spn6" label=""></w2:span>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    			<xf:group id="" class="example_div_tr_style">
    				<w2:textbox style="" id="" label="Property: displayFormatter" class="example_div_th_style" escape="false"></w2:textbox>
    				<xf:group style="" id="" class="example_div_td_style">
    					<w2:textbox style="" id=""
    						label="사용자 정의 함수를 이용한 전화번호 유효성 검증 예제입니다.
속성 displayFormatter를 이용한 방법으로 displayformatter는 Input에 입력된 값의 표시 형태를 사용자 정의 함수로 만드는 속성입니다.
입력이 완료되면 실행되기 때문에 동작은 onblur 이벤트와 비슷합니다.
ex) 050512345678, 01012345678, 021234567"
    						class="ws5_example_txt_normal" escape="false">
    					</w2:textbox>
    					<xf:group style="" id="" class="gvwbox"></xf:group>
    					<xf:input displayFormatter="scwin.phoneFormatter" editType="select" style="width:161px;" allowChar="0-9" id="ibx4"
    						placeholder="전화번호" class="">
    					</xf:input>
    					<w2:span style="font-weight: bold;color: red;margin-left: 10px;" id="spn4" label=""></w2:span>
    				</xf:group>
    			</xf:group>
    			<xf:group id="" class="example_div_tr_style">
    				<w2:textbox style="" id="" label="Property: validator" class="example_div_th_style" escape="false"></w2:textbox>
    				<xf:group style="" id="" class="example_div_td_style">
    					<w2:textbox style="" id=""
    						label="사용자 정의 함수를 이용한 이메일 유효성 검증 예제입니다.
속성 validator를 이용한 방법으로 유효성 검사를 위한 사용자 정의 함수를 설정하는 속성입니다.
ex) websquare@inswave.com"
    						class="ws5_example_txt_normal" escape="false">
    					</w2:textbox>
    					<xf:group style="" id="" class="gvwbox"></xf:group>
    					<xf:input validator="scwin.ibx5_validator" style="width:195px;" id="ibx5" placeholder="ex) websqaure@inswave.com "
    						class="">
    					</xf:input>
    					<w2:span style="font-weight: bold;color: red;margin-left: 10px;" id="spn5" label=""></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="실행 순서 테스트" style=""></w2:textbox>
    				<xf:group class="example_div_td_style" id="" style="">
    					<w2:textbox class="ws5_example_txt_normal" escape="false" id=""
    						label='자주 사용되는 oneditenter, onviewchange, onblur, validator, displayformatter의 실행 순서를 확인하는 예제 입니다.
모두 적용 한 뒤 실행 순서대로 로그를 출력하는 예제입니다.
주의 사항
1. displayformatter와 validator는 동시에 적용되지 않고 validator가 우선시됩니다.
2. 각 이벤트 발생 조건에 맞게 테스트해야합니다.
onblur는 포커스를 잃었을 때, onviewchange, displayformatter, validator는 값이 변경된 상태에서 포커스를 잃을 때, oneditenter는 "ENTER"키나 "TAB"키를 눌렀을 경우 발생합니다.
전체를 다 실행시키려면 "ENTER"키 혹은 "TAB"키를 눌러줍니다.'
    						style="">
    					</w2:textbox>
    					<xf:group class="gvwbox" id="" style=""></xf:group>
    					<xf:group id="">
    						<xf:group id="">
    								<w2:span style="font-weight: bold;" label="displayformatter" id=""></w2:span>
    							</xf:group><xf:group id="">

    							<xf:input displayFormatter="scwin.ibx7_displayFormatter" ev:oneditenter="scwin.test_oneditenter"
    								ev:onblur="scwin.test_onblur" ev:onviewchange="scwin.test_onviewchange" style="width:195px;" id="ibx7" class="">
    							</xf:input>
    						</xf:group>
    					</xf:group>
    					<xf:group id="" style="margin-top: 15px;">
    					<xf:group id=""><w2:span style="font-weight: bold;" id="" label="validator"></w2:span></xf:group><xf:group id=""><xf:input ev:oneditenter="scwin.test_oneditenter" ev:onblur="scwin.test_onblur" ev:onviewchange="scwin.test_onviewchange" validator="scwin.ibx8_validator" style="width:195px;" id="ibx8" class="">
    						</xf:input></xf:group></xf:group>
    				</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>