<?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:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList id="dataList1" baseNode="list" saveRemovedData="true" repeatNode="map">
            		<w2:columnInfo>
            			<w2:column id="col1" name="name1" dataType="text"></w2:column>
            			<w2:column id="col2" name="name2" dataType="text"></w2:column>
            		</w2:columnInfo>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

        <script type="text/javascript" lazy="false"><![CDATA[

		scwin.onpageload = function() {
			var jsonData = [{"col1":"a"},{"col2":"SO50\u0003"}];
			dataList1.setJSON( jsonData );
		};

		scwin.onpageunload = function() {

		};

       	scwin.trigger1_onclick = function(e) {
			var options = {};
			options.fileName= "excel.xlsx";
			options.type = "1";
			options.startRowIndex = 0;
			options.startColumnIndex = 0;

			gridView1.advancedExcelDownload( options );
		};
         ]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView dataList="dataList1" scrollByColumn="false" summaryAuto="false" scrollByColumnAdaptive="false" id="gridView1"
    		style="position: absolute ;left: 48px;top: 82px;width: 378px;height: 281px;" ignoreCellClick="false" ignoreToggleOnDisabled="false"
    		fixedColumnWithHidden="true" useShiftKey="true">
    		<w2:header id="header1" style="">
    			<w2:row id="row2" style="">
    				<w2:column blockSelect="false" id="column7" style="height:20px" inputType="text" width="70" displayMode="label"
    					value="name1">
    				</w2:column>
    				<w2:column blockSelect="false" id="column3" style="height:20px" width="70" inputType="text" displayMode="label"
    					value="name2">
    				</w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody id="gBody4" style="">
    			<w2:row id="row5" style="">
    				<w2:column blockSelect="false" id="col1" style="height:20px" inputType="text" width="70" displayMode="label"></w2:column>
    				<w2:column blockSelect="false" id="col2" style="height:20px" width="70" inputType="text" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>
    	<xf:trigger ev:onclick="scwin.trigger1_onclick" id="trigger1"
    		style="position: absolute ;left:53px;top:26px;width: 80px;height: 23px;" type="button">
    		<xf:label><![CDATA[excel down]]></xf:label>
    	</xf:trigger>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
		<w2:type>COMPONENT</w2:type>
    	<w2:buildDate />
    	<xf:model>
    		<xf:instance>
    			<data xmlns="" />
    		</xf:instance>
    		<w2:dataCollection baseNode="map">
    			<w2:dataList id="dataList1" baseNode="list" saveRemovedData="true" repeatNode="map">
    				<w2:columnInfo>
    					<w2:column id="col1" name="name1" dataType="text"></w2:column>
    					<w2:column id="col2" name="name2" dataType="text"></w2:column>
    					<w2:column id="col3" name="name3" dataType="text"></w2:column>
    				</w2:columnInfo>
    			</w2:dataList>
    		</w2:dataCollection>
    		<w2:workflowCollection></w2:workflowCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

    	<script type="text/javascript" lazy="false"><![CDATA[

		scwin.onpageload = function() {

		};

		scwin.onpageunload = function() {

		};

		scwin.trigger1_onclick = function(e) {
			var json = [
				{
					col1:'Name1',
					col2:'Value1',
					col3:'Option1'
				},
				{
					col1:'Name2',
					col2:'Value2',
					col3:'Option2'
				},
				{
					col1:'Name3',
					col2:'Value3',
					col3:'Option3'
				}
			];
			dataList1.setJSON( json );
		};

		// SysteMenu
		// - ColumnHide : 선택 컬럼 숨기기
		// - ColumnShowAll : 전체 컬럼 숨기기 해제
		// - ColumnFix : 선택 컬럼 틀고정
		// - ColumnUnfixAll : 전체 컬럼 틀고정 취소
		// - ColumnAdjustWidth : 선택 컬럼 크기 자동 맞추기
		// - ColumnAdjustAuto : 전체 컬럼 크기 자동 맞추기
		// - FoldAll : 전체 그룹 접기
		// - UnfoldAll : 전체 그룹 펼치기
		// - Group : 전체 그룹 해제
		// - Ungroup : 선택 컬럼 그룹 해제
		// - UngroupAll : 선택 컬럼 그룹

		// 컨텍스트 메뉴를 열기 전에 호출되어, 컨텍스트 메뉴를 구성할 수있게 합니다.
		// result
		// - false : 컴텍스트 메뉴가 열리지 않습니다.
		// - hideSystemMenu
		scwin.gridView1_oncontextopen = function(row,col) {
			// return false; // 컨텍스트 메뉴를 보여주지 않습니다.
			// return { hideSystemMenu: false } // 전체 시스템 메뉴를 보여주지 않습니다.
			return {
				hideSystemMenu: [ "ColumnHide" ], // 특정 항목의 시스템 메뉴를 보여주지 않습니다.
				appendMenu: [{
					label:"특별한 컬럼 숨기기",
					// 사용자 메뉴의 표시 문자열
					userMenuId:"userColumnHide",
					// 사용자 메뉴의 id, 해당 컨텍스트 메뉴가 클릭될때, 입력값으로 전달됨
					className:"userMenu"
					// 사용자 메뉴의 스타일 클래스 이름
				}], // 시스템 메뉴 아래에, 사용자 메뉴를 추가합니다.
			};
		};

		// 컨텍스트 메뉴가 클릭 된 후 호출됩니다. 시스템 메뉴는 시스템 기능이 완료된 후 호출됩니다.
		scwin.gridView1_oncontextclick = function(row,col,userMenuId,isSystemMenu,systemMenu) {
			if(isSystemMenu){
				alert(systemMenu + " clicked at (" + col + "," + row + ")!");
			} else {
				alert(userMenuId + " clicked at (" + col + "," + row + ")!");
			}
		};

		]]></script>
    	<style><![CDATA[
			.userMenu{
				background-color:#fff;
				color:red;
			}
			.userMenu:hover{
				background-color:lightpink;
				color:white;
			}
		]]></style>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView dataList="dataList1" scrollByColumn="false" id="gridView1" style="width: 500px;height: 150px;" ignoreCellClick="false"
    		ignoreToggleOnDisabled="false" fixedColumnWithHidden="true" useShiftKey="true" contextMenu="true" ev:oncontextopen="scwin.gridView1_oncontextopen" ev:oncontextclick="scwin.gridView1_oncontextclick">
    		<w2:header id="header1" style="">
    			<w2:row id="row2" style="">
    				<w2:column blockSelect="false" id="column9" style="height:20px" inputType="text" width="70" displayMode="label"
    					value="name1">
    				</w2:column>
    				<w2:column blockSelect="false" id="column7" style="height:20px" inputType="text" width="70" displayMode="label"
    					value="name2">
    				</w2:column>
    				<w2:column blockSelect="false" id="column3" style="height:20px" width="70" inputType="text" displayMode="label"
    					value="name3">
    				</w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody id="gBody4" style="">
    			<w2:row id="row5" style="">
    				<w2:column blockSelect="false" id="col1" style="height:20px" inputType="text" width="70" displayMode="label"></w2:column>
    				<w2:column blockSelect="false" id="col2" style="height:20px" inputType="text" width="70" displayMode="label"></w2:column>
    				<w2:column blockSelect="false" id="col3" style="height:20px" width="70" inputType="text" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>
    	<xf:trigger type="button" id="trigger1" style="height: 23px;padding-left: 10px;padding-right: 10px;" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[클릭하여 그리드 데이터를 불러온 후,  셀을 오른쪽 클릭하여 메뉴를 표시해보세요.]]></xf:label>
    	</xf:trigger>
    </body>
</html>


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

		<w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList id="dataList1" baseNode="list" saveRemovedData="true" repeatNode="map">
            		<w2:columnInfo>
            			<w2:column id="col1" name="name1" dataType="text"></w2:column>
            			<w2:column id="col2" name="name2" dataType="text"></w2:column>
            			<w2:column id="col3" name="name3" dataType="text"></w2:column>
            			<w2:column id="col4" name="name4" dataType="text"></w2:column>
            			<w2:column id="col5" name="name5" dataType="text"></w2:column>
            		</w2:columnInfo>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

    	<xf:group class="" id="contextGroup" style="position: absolute ;left:289px;width:100px;top:76px;z-index: 100;display:none;">
    		<xf:group class="" id="grdBodyContentBox" style="position: absolute;left:0px;top:0px;width:100%;">
    			<w2:anchor class="" id="gridBody_anchor406" label="" style="position: relative ;width:100px;background-color:#56FFE0;" ev:onclick="scwin.gridBody_anchor406_onclick">
    				<xf:label>menu1</xf:label>
    			</w2:anchor>
    			<w2:anchor class="" id="gridBody_anchor4066" label="" style="position: relative ;width:100px;background-color:#56FFE0;" ev:onclick="scwin.gridBody_anchor4066_onclick">
    				<xf:label>menu2</xf:label>
    			</w2:anchor>

    			<w2:anchor class="" id="gridBody_anchor407" label="" style="position: relative ;width:100px;background-color:#56FFE0;" ev:onclick="scwin.gridBody_anchor407_onclick">
    				<xf:label>menu3</xf:label>
    			</w2:anchor>
    			<w2:anchor class="" id="gridBody_anchor408" label="" style="position: relative ;width:100px;background-color:#56FFE0;" ev:onclick="scwin.gridBody_anchor408_onclick">
    				<xf:label>menu4</xf:label>
    			</w2:anchor>
    		</xf:group>
    	</xf:group><w2:gridView dataList="dataList1" scrollByColumn="false" summaryAuto="false" scrollByColumnAdaptive="false" id="gridView1"
    		style="position: relative;width: 500px;height: 150px;" ignoreCellClick="false" ignoreToggleOnDisabled="false"
    		fixedColumnWithHidden="true" useShiftKey="true" ev:onbodymouseover="scwin.gridView1_onbodymouseover" ev:onscrolly="scwin.gridView1_onscrolly">
    		<w2:header id="header1" style="">
    			<w2:row id="row1" style="">
    				<w2:column blockSelect="false" id="column9" style="height:20px" inputType="text" width="70" displayMode="label"
    					value="name1">
    				</w2:column>
    				<w2:column blockSelect="false" id="column7" style="height:20px" inputType="text" width="70" displayMode="label"
    					value="name2">
    				</w2:column>
    				<w2:column blockSelect="false" id="column5" style="height:20px" inputType="text" width="70" displayMode="label"
    					value="name3">
    				</w2:column>
    				<w2:column blockSelect="false" id="column3" style="height:20px" inputType="text" width="70" displayMode="label"
    					value="name4">
    				</w2:column>
    				<w2:column blockSelect="false" id="column1" style="height:20px" width="70" inputType="text" displayMode="label"
    					value="name5">
    				</w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody id="gBody1" style="">
    			<w2:row id="row2" style="">
    				<w2:column blockSelect="false" id="col1" style="height:20px" inputType="text" width="70" displayMode="label"></w2:column>
    				<w2:column blockSelect="false" id="col2" style="height:20px" inputType="text" width="70" displayMode="label"></w2:column>
    				<w2:column blockSelect="false" id="col3" style="height:20px" inputType="text" width="70" displayMode="label"></w2:column>
    				<w2:column blockSelect="false" id="col4" style="height:20px" inputType="text" width="70" displayMode="label"></w2:column>
    				<w2:column blockSelect="false" id="col5" style="height:20px" width="70" inputType="text" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>


<?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:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList id="dataList1" baseNode="list" saveRemovedData="true" repeatNode="map">
            		<w2:columnInfo>
            			<w2:column id="col1" name="name1" dataType="text"></w2:column>
            			<w2:column id="col2" name="name2" dataType="text"></w2:column>
            			<w2:column id="col3" name="name3" dataType="text"></w2:column>
            			<w2:column id="col4" name="name4" dataType="text"></w2:column>
            			<w2:column id="col5" name="name5" dataType="text"></w2:column>
            			<w2:column id="col6" name="name6" dataType="text"></w2:column>
            			<w2:column id="col7" name="name7" dataType="text"></w2:column>
            			<w2:column id="col8" name="name8" dataType="text"></w2:column>
            			<w2:column id="col9" name="name9" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            		</w2:data>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

        <script type="text/javascript" lazy="false"><![CDATA[
        window.onresize = function () { //리사이즈 이벤트를 체크
        	scwin.fn_gdResize();
        };

		scwin.onpageload = function() {
			scwin.fn_gdResize();
		};

		scwin.onpageunload = function() {

		};

        scwin.fn_gdResize = function(){
	        var content_Gp = content.getSize("outerMarginHeight");
			var cont_Top = searchbox.getSize("outerMarginHeight");
			var cont_Bottom = footer.getSize("outerMarginHeight");
			var gd_Height = content_Gp - (cont_Top+cont_Bottom)-2;
			gridview1.setSize(null,gd_Height);
        };

        ]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:group id="" style="" class="wrap">
    		<w2:textbox label="wframe_header" id="wf_header"
    			style="background:#666;height: 100px;text-align:center;line-height: 100px;font-size:20px;font-weight: bold;">
    		</w2:textbox>
    		<xf:group id="container" style="background:silver;position:absolute;left:0; right:0; top:100px; bottom:0;" class="">

    			<w2:textbox label="wframe_side" id="wf_sider"
    				style="width: 150px;height: 100%;background:gray;text-align:center;font-size:20px;font-weight: bold;line-height:200px;">
    			</w2:textbox>
    			<xf:group id="content"
    				style="position:absolute;left:160px; top:0; bottom:0; right:0;background: #fff;border:2px solid yellow;" class="">
    				<w2:textbox label="검색영역" id="searchbox" style="height: 60px;text-align:center;background:gray;line-height:60px;"></w2:textbox>
    				<w2:gridView dataList="dataList1" scrollByColumn="false" scrollByColumnAdaptive="false" id="gridview1"
    					style="border:2px solid red;" ignoreCellClick="false" ignoreToggleOnDisabled="false" fixedColumnWithHidden="true"
    					useShiftKey="true" autoFit="allColumn" rowNumVisible="true">
    					<w2:header id="header1" style="">
    						<w2:row id="row1" style="">
    							<w2:column blockSelect="false" id="column17" style="height:20px" inputType="text" width="70"
    								displayMode="label" value="name1">
    							</w2:column>
    							<w2:column blockSelect="false" id="column15" style="height:20px" inputType="text" width="70"
    								displayMode="label" value="name2">
    							</w2:column>
    							<w2:column blockSelect="false" id="column13" style="height:20px" inputType="text" width="70"
    								displayMode="label" value="name3">
    							</w2:column>
    							<w2:column blockSelect="false" id="column11" style="height:20px" inputType="text" width="70"
    								displayMode="label" value="name4">
    							</w2:column>
    							<w2:column blockSelect="false" id="column9" style="height:20px" inputType="text" width="70"
    								displayMode="label" value="name5">
    							</w2:column>
    							<w2:column blockSelect="false" id="column7" style="height:20px" inputType="text" width="70"
    								displayMode="label" value="name6">
    							</w2:column>
    							<w2:column blockSelect="false" id="column5" style="height:20px" inputType="text" width="70"
    								displayMode="label" value="name7">
    							</w2:column>
    							<w2:column blockSelect="false" id="column3" style="height:20px" inputType="text" width="70"
    								displayMode="label" value="name8">
    							</w2:column>
    							<w2:column blockSelect="false" id="column1" style="height:20px" width="70" inputType="text"
    								displayMode="label" value="name9">
    							</w2:column>
    						</w2:row>
    					</w2:header>
    					<w2:gBody id="gBody1" style="">
    						<w2:row id="row2" style="">
    							<w2:column blockSelect="false" id="col1" style="height:20px" inputType="text" width="70"
    								displayMode="label">
    							</w2:column>
    							<w2:column blockSelect="false" id="col2" style="height:20px" inputType="text" width="70"
    								displayMode="label">
    							</w2:column>
    							<w2:column blockSelect="false" id="col3" style="height:20px" inputType="text" width="70"
    								displayMode="label">
    							</w2:column>
    							<w2:column blockSelect="false" id="col4" style="height:20px" inputType="text" width="70"
    								displayMode="label">
    							</w2:column>
    							<w2:column blockSelect="false" id="col5" style="height:20px" inputType="text" width="70"
    								displayMode="label">
    							</w2:column>
    							<w2:column blockSelect="false" id="col6" style="height:20px" inputType="text" width="70"
    								displayMode="label">
    							</w2:column>
    							<w2:column blockSelect="false" id="col7" style="height:20px" inputType="text" width="70"
    								displayMode="label">
    							</w2:column>
    							<w2:column blockSelect="false" id="col8" style="height:20px" inputType="text" width="70"
    								displayMode="label">
    							</w2:column>
    							<w2:column blockSelect="false" id="col9" style="height:20px" width="70" inputType="text"
    								displayMode="label">
    							</w2:column>
    						</w2:row>
    					</w2:gBody>
    				</w2:gridView>
    				<w2:textbox label="footer 영역" id="footer"
    					style="height: 50px;line-height: 50px;background: #777;text-align:center;margin-top:10px;">
    				</w2:textbox>
    			</xf:group>
    		</xf:group>
    	</xf:group>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
		<w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList id="dataList1" baseNode="list" saveRemovedData="true" repeatNode="map">
            		<w2:columnInfo>
            			<w2:column id="col1" name="name1" dataType="text"></w2:column>
            			<w2:column id="col2" name="name2" dataType="text"></w2:column>
            			<w2:column id="col3" name="name3" dataType="text"></w2:column>
            			<w2:column id="col4" name="name4" dataType="text"></w2:column>
            		</w2:columnInfo>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

        <script type="text/javascript" lazy="false"><![CDATA[

		scwin.onpageload = function() {
			/*
			        dataList1.setData([
			        	1,2,3,4,
			        	5,6,7,8
			        ]);
			*/

			dataList1.insertRow();
			dataList1.insertRow();
			dataList1.insertRow();
			dataList1.insertRow();
		};

		scwin.onpageunload = function() {

		};

        scwin.imgClick = function(rowIdx, colIdx, data){
        	alert(rowIdx + ", " + colIdx + ", " + data );
        };

		scwin.trigger1_onclick = function(e) {
			gridView1.setDisabled("column","col4",true);
		};
		scwin.trigger2_onclick = function(e) {
			gridView1.setDisabled("column","col4",false);
		};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView dataList="dataList1" scrollByColumn="false"
    		id="gridView1" rowStatusVisible="true"
    		style="position: relative ;left:21px;top:20px;width:397px;height:150px;"
    		ignoreCellClick="false" ignoreToggleOnDisabled="false"
    		fixedColumnWithHidden="true" useShiftKey="true" sortable="true"
    		showSortableImage="true">
    		<w2:header id="header1" style="">
    			<w2:row id="row2" style="">
    				<w2:column blockSelect="false" id="column11"
    					style="height:20px;" inputType="text" width="70"
    					displayMode="label" value="name1">
    				</w2:column>
    				<w2:column blockSelect="false" id="column9"
    					style="height:20px;" inputType="text" width="70"
    					displayMode="label" value="name2">
    				</w2:column>
    				<w2:column blockSelect="false" id="column7"
    					style="height:20px;" inputType="text" width="70"
    					displayMode="label" value="name3">
    				</w2:column>
    				<w2:column blockSelect="false" id="column3"
    					style="height:20px;" width="96" inputType="text"
    					displayMode="label" value="textimage">
    				</w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody id="gBody4" style="">
    			<w2:row id="row5" style="">
    				<w2:column blockSelect="false" id="col1"
    					style="height:20px" inputType="text" width="70"
    					displayMode="label">
    				</w2:column>
    				<w2:column blockSelect="false" id="col2"
    					style="height:20px" inputType="text" width="70"
    					displayMode="label">
    				</w2:column>
    				<w2:column blockSelect="false" id="col3"
    					style="height:20px" inputType="text" width="70"
    					displayMode="label">
    				</w2:column>
    				<w2:column blockSelect="false" id="col4"
    					style="height:20px" width="96" inputType="textImage"
    					imageSrc="http://static.naver.net/green/v2/img/btn_security2_on.gif"
    					imageSrcDisabled="http://static.naver.net/green/v2/img/btn_security2_off.gif"
    					displayMode="label" imageClickFunction="scwin.imgClick"
    					editModeEvent="onclick" viewType="icon">
    				</w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>
    	<xf:trigger type="button" id="trigger1"
    		style="position: absolute ;left:438px;top: 46px;width:141px;height:23px;" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[textimage컬럼 비활성]]></xf:label>
    	</xf:trigger>
    	<xf:trigger type="button" id="trigger2"
    		style="position: absolute ;left:438px;top:81px;width:141px;height:23px;" ev:onclick="scwin.trigger2_onclick">
    		<xf:label><![CDATA[textimage컬럼 활성화]]></xf:label>
    	</xf:trigger>

    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
    xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
		<w2:type>COMPONENT</w2:type>
        <w2:buildDate />
        <xf:model>
            <xf:instance>
                <data xmlns="" />
            </xf:instance>
            <w2:dataCollection baseNode="map">
                <w2:dataList id="dataList1" baseNode="list" saveRemovedData="true" repeatNode="map">
                    <w2:columnInfo>
                        <w2:column id="col1" name="name1" dataType="text"></w2:column>
                        <w2:column id="col2" name="name2" dataType="text"></w2:column>
                        <w2:column id="col3" name="name3" dataType="text"></w2:column>
                        <w2:column id="col4" name="name4" dataType="text"></w2:column>
                        <w2:column id="col5" name="name5" dataType="number"></w2:column>
                        <w2:column id="col6" name="name6" dataType="text"></w2:column>
                        <w2:column id="col7" name="name7" dataType="text"></w2:column>
                        <w2:column id="col8" name="name8" dataType="text"></w2:column>
                        <w2:column id="col9" name="name9" dataType="text"></w2:column>
                        <w2:column id="col10" name="name10" dataType="text"></w2:column>
                    </w2:columnInfo>
                </w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

        <script type="javascript" lazy="false"><![CDATA[

            scwin.onpageload = function() {
            	var jsonData = [
                    {"col1":"1공장","col2":"방산","col3":"제품","col4":"A제품","col5":123123123}
                    ,{"col1":"1공장","col2":"방산","col3":"제품","col4":"B제품","col5":321323}
                    ,{"col1":"1공장","col2":"방산","col3":"제품","col4":"D제품","col5":122323123}
                    ,{"col1":"1공장","col2":"방산","col3":"제품","col4":"C제품","col5":112233}
//                    ,{"col1":"1공장","col2":"산업","col3":"제품","col4":"A제품","col5":567567}
//                    ,{"col1":"1공장","col2":"산업","col3":"제품","col4":"B제품","col5":234987234}
                    ,{"col1":"2공장","col2":"방산","col3":"제품","col4":"C제품","col5":98712323}
                    ,{"col1":"2공장","col2":"방산","col3":"제품","col4":"E제품","col5":1234323}
                    ,{"col1":"2공장","col2":"방산","col3":"제품","col4":"F제품","col5":12353434}
//                    ,{"col1":"2공장","col2":"산업","col3":"제품","col4":"G제품","col5":23524623}
//                    ,{"col1":"2공장","col2":"산업","col3":"제품","col4":"H제품","col5":2323145}
//                    ,{"col1":"2공장","col2":"산업","col3":"제품","col4":"Q제품","col5":75653453}
                    ,{"col1":"3공장","col2":"방산","col3":"제품","col4":"S제품","col5":23444342}
                    ,{"col1":"3공장","col2":"방산","col3":"제품","col4":"D제품","col5":22333000}
                    ,{"col1":"3공장","col2":"방산","col3":"기타","col4":"X제품","col5":23330000}
                    ,{"col1":"3공장","col2":"민수","col3":"제품","col4":"V제품","col5":712000}
                    ,{"col1":"3공장","col2":"민수","col3":"제품","col4":"Z제품","col5":220900}
                    ,{"col1":"3공장","col2":"민수","col3":"기타","col4":"C제품","col5":123123123}
                ];
            	dataList1.setJSON( jsonData );
        	};

            scwin.onpageunload = function() {

            };

			scwin.countFormatFunction = function( value ) {
                return value;
            };

            scwin.customFormatFunction = function(value, formattedValue, rowIndex, colIndex) {
                debugger;

                return formattedValue;
            };

            scwin.userExp = function() {
                //debugger;
                return "공장 계";
            };

            scwin.userExp2 = function() {
                //debugger;
                return "소계";
            };

		]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
        <w2:gridView dataList="data:dataList1" scrollByColumn="false" defaultCellHeight="20" scrollByColumnAdaptive="false" id="gridView1"
        	style="width:843px;height:546px;margin-top:25px;margin-left:10px;">
        	<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 blockSelect="false" id="column21" removeBorderStyle="false" style="" inputType="text" width="70"
        				value="name1" displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column19" removeBorderStyle="false" style="" inputType="text" width="70"
        				value="name2" displayMode="label">
        			</w2:column>
                    <w2:column blockSelect="false" id="column53" style="" inputType="text" width="70" value="name1-1" displayMode="label">
                    </w2:column>
        			<w2:column blockSelect="false" id="column17" removeBorderStyle="false" style="" inputType="text" width="70"
        				value="name3" displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column15" removeBorderStyle="false" style="" inputType="text" width="70"
        				value="name4" displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column13" removeBorderStyle="false" style="" inputType="text" width="141"
        				value="name5" displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column11" removeBorderStyle="false" style="" inputType="text" width="70"
        				value="name6" displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column9" removeBorderStyle="false" style="" inputType="text" width="70" value="name7"
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column7" removeBorderStyle="false" style="" inputType="text" width="70" value="name8"
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column5" removeBorderStyle="false" style="" inputType="text" width="70" value="name9"
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column3" removeBorderStyle="false" style="" width="70" inputType="text"
        				value="name10" displayMode="label">
        			</w2:column>
        		</w2:row>
        	</w2:header>
        	<w2:gBody id="gBody2" style="">
        		<w2:row id="row4" style="">
        			<w2:column blockSelect="false" id="col1" removeBorderStyle="false" style="" inputType="text" width="70" value=""
        				displayMode="label" colMerge="true">
        			</w2:column>
        			<w2:column blockSelect="false" id="col2" removeBorderStyle="false" style="" inputType="text" width="70" value=""
        				displayMode="label" colMerge="true" upperColumn="col1">
        			</w2:column>
        			<w2:column blockSelect="false" id="column54" style="" inputType="expression" width="70" value="" displayMode="label"
                        expression="display('col1') + display('col2')">
                    </w2:column>
                    <w2:column blockSelect="false" id="col3" removeBorderStyle="false" style="" inputType="text" width="70" value=""
        				displayMode="label" colMerge="true" upperColumn="col2">
        			</w2:column>
        			<w2:column blockSelect="false" id="col4" removeBorderStyle="false" style="" inputType="text" width="70" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="col5" removeBorderStyle="false" style="" inputType="text" width="141" value=""
        				displayMode="label" displayFormat="#,##0">
        			</w2:column>
        			<w2:column blockSelect="false" id="col6" removeBorderStyle="false" style="" inputType="text" width="70" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="col7" removeBorderStyle="false" style="" inputType="text" width="70" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="col8" removeBorderStyle="false" style="" inputType="text" width="70" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="col9" removeBorderStyle="false" style="" inputType="text" width="70" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="col10" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        		</w2:row>
        	</w2:gBody>
        	<w2:subTotal id="subTotal1" style="" targetColumnID="column54">
        		<w2:row id="row5" style="">
        			<w2:column blockSelect="false" id="column32" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column31" removeBorderStyle="false" style="" width="70" inputType="expression"
        				value="" displayMode="label" expression="scwin.userExp2()">
        			</w2:column>
        			<w2:column blockSelect="false" id="column55" style="" inputType="text" width="70" value="" displayMode="label">
                    </w2:column>
                    <w2:column blockSelect="false" id="column30" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column29" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column28" removeBorderStyle="false" style="" width="141" inputType="expression"
        				value="" displayMode="label" expression="sum('col5')" displayFormat="###,###,###,###">
        			</w2:column>
        			<w2:column blockSelect="false" id="column27" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column26" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column25" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column24" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column23" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        		</w2:row>
        	</w2:subTotal>
        	<w2:subTotal id="subTotal2" style="" targetColumnID="col1">
        		<w2:row id="row6" style="">
        			<w2:column blockSelect="false" id="column42" removeBorderStyle="false" style="" width="70" inputType="expression"
        				value="" displayMode="label" expression="scwin.userExp()">
        			</w2:column>
        			<w2:column blockSelect="false" id="column41" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column56" style="" inputType="text" width="70" value="" displayMode="label">
                    </w2:column>
                    <w2:column blockSelect="false" id="column40" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column39" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column38" removeBorderStyle="false" style="" width="141" inputType="expression"
        				value="" displayMode="label" expression="sum('col5')" displayFormat="###,###,###,###">
        			</w2:column>
        			<w2:column blockSelect="false" id="column37" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column36" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column35" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column34" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column33" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        		</w2:row>
        	</w2:subTotal>
        	<w2:footer id="footer1" style="">
        		<w2:row id="row7" style="">
        			<w2:column blockSelect="false" id="column52" removeBorderStyle="false" style="" width="70" inputType="text" value="합계"
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column57" style="" inputType="text" width="70" value="" displayMode="label"></w2:column>
        			<w2:column blockSelect="false" id="column51" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column50" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column49" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column48" removeBorderStyle="false" style="" width="141" inputType="expression"
        				value="" displayMode="label" expression="sum('col5')" displayFormat="#,##0">
        			</w2:column>
        			<w2:column blockSelect="false" id="column47" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column46" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column45" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column44" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        			<w2:column blockSelect="false" id="column43" removeBorderStyle="false" style="" width="70" inputType="text" value=""
        				displayMode="label">
        			</w2:column>
        		</w2:row>
        	</w2:footer>
        </w2:gridView>
    </body>
</html>


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

		<w2:buildDate />
		<xf:model>
			<xf:instance>
				<data xmlns="" />
			</xf:instance>
			<w2:dataCollection baseNode="map">

				<w2:dataList id="gridViewData" baseNode="list" style="" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="col1" name="대분류" dataType="text">
						</w2:column>
						<w2:column id="col1_hidden" name="숨김대분류" dataType="text">
						</w2:column>
						<w2:column id="col2" name="중분류" dataType="text">
						</w2:column>
						<w2:column id="col3" name="소분류" dataType="text">
						</w2:column>
					</w2:columnInfo>
				</w2:dataList>

				<w2:dataList id="categoryData" baseNode="list" style="" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="label" name="label" dataType="text"></w2:column>
						<w2:column id="value" name="value" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>

				<w2:dataList id="subCategoryData" baseNode="list" style="" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="subCategoryGubun" name="name1" dataType="text"></w2:column>
						<w2:column id="value" name="name2" dataType="text"></w2:column>
						<w2:column id="label" name="name3" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:linkedDataList id="linkedSubCategoryData" style="" bind="subCategoryData">
					<w2:condition type="filter"><![CDATA[
            			 subCategoryGubun ==  ref('data:gridViewData.col1_hidden')
            		]]></w2:condition>
					<w2:condition type="sort"><![CDATA[]]>
					</w2:condition>
				</w2:linkedDataList>

				<w2:dataList id="subSubCategoryData" baseNode="list" style="" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="subSubCategoryGubun" name="name1" dataType="text"></w2:column>
						<w2:column id="value" name="name2" dataType="text"></w2:column>
						<w2:column id="label" name="name3" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
				<w2:linkedDataList id="linkedSubSubCategoryData" style="" bind="subSubCategoryData">
					<w2:condition type="filter"><![CDATA[
            			 subSubCategoryGubun ==  ref('data:gridViewData.col2')
            		]]></w2:condition>
					<w2:condition type="sort"><![CDATA[]]>
					</w2:condition>
				</w2:linkedDataList>
			</w2:dataCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

		<xf:group id="group2" style="height:370px;width:1038px;float:left;">
			<w2:textbox id="textbox1" style="position: relative;width:928px;height:103px;float:left;"
				label="- 대분류 컬럼과 중분류,소분류 컬럼은 selectBox 입니다.
- 대분류는 categoryData(DataList) 을 노드셋으로 사용합니다.
- 중분류는 linkedSubCategoryData(linkedDataList)을 노드셋으로 사용하며 filter Condition은 gridViewData.col1 == subCategoryGubun 정의하였습니다.
- 소분류는 linkedSubSubCategoryData(linkedDataList)을 노드셋으로 사용하며 filter Condition은 gridViewData.col2 == subSubCategoryGubun 정의하였습니다. "></w2:textbox>
			<w2:gridView id="gridView1" dataList="gridViewData" style="position: relative;width:570px;height:164px;" useShiftKey="false"
				scrollByColumn="false" fixedColumnWithHidden="true" editModeEvent="onclick" ev:onafteredit="scwin.gridView1_onafteredit">
				<w2:header id="header2" style="">
					<w2:row id="row3" style="">
						<w2:column id="column8" blockSelect="false" style="height:20px;" width="126" inputType="text"
							value="대분류(Category)">
						</w2:column>
						<w2:column blockSelect="false" id="column1" style="height:20px;" inputType="text" width="89" displayMode="label" value="히든대분류" hidden="true"></w2:column>
						<w2:column id="column6" blockSelect="false" style="height:20px;" width="137" inputType="text"
							value="중분류(sub-Category)">
						</w2:column>
						<w2:column id="column4" blockSelect="false" style="height:20px;" inputType="text" width="164"
							value="소분류(sub-sub category)">
						</w2:column>
					</w2:row>
				</w2:header>
				<w2:gBody id="gBody2" style="">
					<w2:row id="row4" style="">
						<w2:column id="col1" blockSelect="false" style="height:20px" chooseOption="" width="126" inputType="checkcombobox"
							allOption="">
							<w2:choices>
								<w2:itemset nodeset="data:categoryData">
									<w2:label ref="label"></w2:label>
									<w2:value ref="value"></w2:value>
								</w2:itemset>
							</w2:choices>
						</w2:column>
						<w2:column blockSelect="false" id="col1_hidden" style="height:20px" inputType="select" width="89"
							displayMode="label" allOption="" chooseOption="">
							<w2:choices>
								<w2:item>
									<w2:label><![CDATA[필터링A]]></w2:label>
									<w2:value><![CDATA[A]]></w2:value>
								</w2:item>
								<w2:item>
									<w2:label><![CDATA[전체]]></w2:label>
									<w2:value><![CDATA[all]]></w2:value>
								</w2:item>
							</w2:choices>
						</w2:column>
						<w2:column id="col2" blockSelect="false" style="height:20px" chooseOption="" width="137" inputType="select"
							allOption="">
							<w2:choices>
								<w2:itemset nodeset="data:linkedSubCategoryData">
									<w2:label ref="label"></w2:label>
									<w2:value ref="value"></w2:value>
								</w2:itemset>
							</w2:choices>
						</w2:column>
						<w2:column id="col3" blockSelect="false" style="height:20px" chooseOption="" inputType="select" width="164"
							allOption="">
							<w2:choices>
								<w2:itemset nodeset="data:linkedSubSubCategoryData">
									<w2:label ref="label"></w2:label>
									<w2:value ref="value"></w2:value>
								</w2:itemset>
							</w2:choices>
						</w2:column>
					</w2:row>
				</w2:gBody>

			</w2:gridView>
		</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:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList id="dataList1" baseNode="list"
            		saveRemovedData="true" repeatNode="map">
            		<w2:columnInfo>
            			<w2:column id="col1" name="name1"
            				dataType="text">
            			</w2:column>
            			<w2:column id="col2" name="name2"
            				dataType="text">
            			</w2:column>
            		</w2:columnInfo>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

        <script type="text/javascript" lazy="false"><![CDATA[

		scwin.onpageload = function() {
	        dataList1.setData( [1,2,3,4] );
			scwin.setInputBoxInGridHeader(gridView1, "column3", "inputHeader2", "text", "", 13, "", "center");
		};

		scwin.onpageunload = function() {

		};

        scwin.setInputBoxInGridHeader = function(gridObj, headerColumnId, inputBoxId, dataType, allowChar, maxLength, displayFormat, textAlign) {debugger;
				var inputBoxObj = {
					input : $p.dynamicCreate(inputBoxId, "input", {
						style : "width:100%; height:100%;text-align:" + textAlign,
						dataType: dataType,
						focusCalcSize : false,
						allowChar : allowChar,
						displayFormat : displayFormat
					}, gridView1),
					getContent : function() {
						return this.input.render;
					},
					setValue : function( value ) {
						this.input.setValue(value);
					},
					setMaxLength : function (maxLength) {debugger;
						this.input.setMaxLength(maxLength);
					},
					getValue : function() {
						return this.input.getValue();
					},
					valueChange : function(e) {
					}
				}
				inputBoxObj.input.setMaxLength(maxLength);
				inputBoxObj.input.bind("onfocus", function() { gridView1.removeFocusedCell(); });
				gridObj.setHeaderUserObject(headerColumnId, inputBoxObj);
        	};

        ]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView dataList="dataList1" summaryAuto="false"
    		useFilterList="false" scrollByColumn="false"
    		showSortableUseFilter="false" scrollByColumnAdaptive="false"
    		id="gridView1"
    		style="position: relative;width: 500px;height: 150px;"
    		ignoreCellClick="false" ignoreToggleOnDisabled="false"
    		summaryOnlyAuto="false" fixedColumnWithHidden="true"
    		useShiftKey="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 blockSelect="false" id="column3"
    					style="height:20px" inputType="text" width="70"
    					displayMode="label" value="name1">
    				</w2:column>
    				<w2:column blockSelect="false" id="column1"
    					style="height:20px" width="70" inputType="text"
    					displayMode="label" value="name2">
    				</w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody id="gBody1" style="">
    			<w2:row id="row2" style="">
    				<w2:column blockSelect="false" id="col1"
    					style="height:20px" inputType="text" width="70"
    					displayMode="label">
    				</w2:column>
    				<w2:column blockSelect="false" id="col2"
    					style="height:20px" width="70" inputType="text"
    					displayMode="label">
    				</w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
		<w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

        <script type="javascript"><![CDATA[
		function multiupload1_ondone(data) {
		debugger;
		var str = "";

			for (var i=0; i<data.length; i++) {
    			console.log(i+"번째 deniedFile==="+data[i].deniedCode);
    			console.log(i+"번째 deniedFile==="+data[i].deniedFile);
    			console.log(i+"번째 file==="+data[i].file);
    			console.log(i+"번째 key==="+data[i].key);
    			console.log(i+"번째 localFile==="+data[i].localFile);
    			console.log(i+"번째 maxUploadSize==="+data[i].maxUploadSize);
    			console.log(i+"번째 size==="+data[i].size);

				str = str + "\r\n"+i+"번째 deniedFile==="+data[i].deniedCode;
    			str = str + "\r\n"+i+"번째 deniedFile==="+data[i].deniedFile;
    			str = str + "\r\n"+i+"번째 file==="+data[i].file;
    			str = str + "\r\n"+i+"번째 key==="+data[i].key;
    			str = str + "\r\n"+i+"번째 localFile==="+data[i].localFile;
    			str = str + "\r\n"+i+"번째 maxUploadSize==="+data[i].maxUploadSize;
    			str = str + "\r\n"+i+"번째 size==="+data[i].size;

    		}

    		textarea1.setValue( textarea1.getValue() +str );
		}

	scwin.trigger1_onclick = function(e) {
		var cnt = multiupload1.getFileCount();

		for(i=0;i<cnt;i++){
			console.log("cnt:"+i);
			multiupload1.setParam( i , "param"+i , "param"+i+"_value" );
		}

		multiupload1.startUpload();

	};
	]]></script>
    </head>
    <body>
    	<xf:group id="grp1"
    		style="height:173px;width: 510px;float:left;">
    		<w2:textbox id="txt1"
    			style="position: relative;width: 500px;height: 23px;"
    			label="uoload2.do controller 실행 ">
    		</w2:textbox>
    		<xf:trigger ev:onclick="scwin.trigger1_onclick"
    			id="trigger1"
    			style="position: relative;width: 80px;height: 23px;"
    			type="button">
    			<xf:label><![CDATA[uploadStart]]></xf:label>
    		</xf:trigger>
    		<w2:multiupload id="multiupload1" maxcount="" maxsize=""
    			ev:ondone="multiupload1_ondone"
    			style="position: relative;width: 500px;height: 150px;"
    			action="/upload2.do" uploadButton="false" filter="" wmode="false"
    			mode="flash">
    		</w2:multiupload>
    	</xf:group>
    	<xf:group id="grp2" style="position:relative;height:173px;width: 510px;float:left;">
    		<w2:textbox id="" style="position: relative;width: 500px;height: 23px;" label="uploadTest.jsp 로 실행한경우"></w2:textbox>
    		<w2:multiupload maxcount="" id="multiupload2" maxsize="" ev:ondone="multiupload1_ondone"
    			style="position: relative;width: 500px;height: 150px;" action="/test/uploadTest.jsp" uploadButton="" wmode="false" filter=""
    			mode="flash">
    		</w2:multiupload>
    	</xf:group><xf:group id="grp3" style="position:relative;height:304px;width:900px;float:left;"><xf:textarea id="textarea1" style="position: relative;width: 800px;height: 300px;" invalidMessage=""></xf:textarea></xf:group></body>
</html>


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

		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<xf:model>
			<xf:instance>
				<data xmlns="" />
			</xf:instance>
			<w2:dataCollection baseNode="map">
			</w2:dataCollection>
			<w2:workflowCollection>
			</w2:workflowCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

	<xf:group id="" style="position:absolute;top:19px;left:26px;width:837px;height:239px;"><xf:group id="" style="position:absolute;top:77px;left:0px;width:818px;height:162px;">
			<w2:inputCalendar renderType="component" id="inputCalendar13" renderDiv="true" footerDiv="false" ev:ondateselect="scwin.inputCalendar13_ondateselect" calendarValueType="yearMonthDate" style="position: absolute;width:369px;height:84px;left:0px;top:78px;" rightAlign="false" weekStartsOn="0" focusOnDateSelect="false">
			</w2:inputCalendar>
			<w2:inputCalendar id="inputCalendar14" renderType="component" ev:ondateselect="scwin.inputCalendar14_ondateselect" footerDiv="false" renderDiv="true" calendarValueType="yearMonthDate" style="position: absolute;width:369px;height:84px;left:449px;top:78px;" rightAlign="false" weekStartsOn="0" focusOnDateSelect="false">
			</w2:inputCalendar>
			<xf:trigger id="trigger1" style="position: absolute;width:280px;height:47px;left:1px;top:0px;font-size:12pt;" ev:onclick="scwin.trigger1_onclick" type="button">
				<xf:label><![CDATA[disabled 해제]]></xf:label>
			</xf:trigger>
			<xf:trigger id="trigger2" style="position: absolute;width:275px;height:46px;left:449px;top:0px;font-size:12pt;" ev:onclick="scwin.trigger2_onclick" type="button">
				<xf:label><![CDATA[disbled 해제]]></xf:label>
			</xf:trigger>
		</xf:group><w2:textbox id="" style="position: absolute;width:390px;height:76px;left:0px;top:1px;font-size:12pt;" label="ID: inputCalendar13
날짜 선택 시 해당 날짜 기준 이전날짜 Disable처리
[disableBeforeDate API]
시작일">
		</w2:textbox><w2:textbox id="" style="position: absolute;width:390px;height:74px;left:447px;top:0px;font-size:12pt;" label="ID: inputCalendar14
날짜 선택 시 해당 날짜 기준 이후날짜 Disable처리
[disableAfterDate API]
종료일">
		</w2:textbox></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:buildDate />
		<xf:model>
			<xf:instance>
				<data xmlns="" />
			</xf:instance>
			<w2:dataCollection>
				<w2:dataList id="dataList1" baseNode="list" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="chk" name="chk" dataType="text"></w2:column>
						<w2:column id="name" name="FileName" dataType="text"></w2:column>
						<w2:column id="displaySize" name="Size" dataType="text"></w2:column>
						<w2:column id="Status" name="Status" dataType="text"></w2:column>
					</w2:columnInfo>
					<w2:data use="false">
					</w2:data>
				</w2:dataList>
			</w2:dataCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

		<script type="javascript"><![CDATA[

		function selectCallback() {
			var fileInfos = tobe.getFileInfos();
			dataList1.setJSON( fileInfos );
		}

		scwin.tobe_onprogress = function(info) {
			console.log(info.fileName + "("+info.percentData+"%)");

			var rowidx = dataList1.getMatchedIndex("name", info.fileName);

			$("td[colindex='3']:eq("+rowidx+") .w2grid_input").text(info.percentData+"%");
			$("td[colindex='3']:eq("+rowidx+") .w2grid_input").css("width", info.percentData+"%");
		};

		function multiupload10_ondone(data) {
			console.log(JSON.stringify(data));
			setTimeout( clearUpload, "3000" );
		};

		function clearUpload() {
			dataList1.removeAll();
		}

		scwin.textbox4_onclick = function(e) {
			var idxArr = gridView1.getCheckedJSON("chk");
			var idxArr1 = gridView1.getCheckedIndex( "chk" );
			for( var i=0;i<idxArr.length;i++ ) {
				var fileName = idxArr[i].name;
				tobe.removeFile( fileName );
			}
			dataList1.removeRows( idxArr1 );
		};

		scwin.textbox5_onclick = function(e) {
			tobe.startUpload();
		};
		]]></script>
		<style type="text/css"><![CDATA[
			* {font-family: tahoma}

			.w2multiupload_uploader {
				background:url(/w2test/multiupload.jpg);
			}

			.delete_ing {
				background:url(/w2test/multiupload.jpg) 83px;
			}

			.start {
				background:url(/w2test/multiupload.jpg) 346px;
			}

			td[colindex='3'] .w2grid_input {
				display: block;
				text-align: right;
				background-color: yellow;
				width: 0%;
			}
		]]></style>
	</head>
	<body>
		<xf:group id="group2" style="padding:10px;">
			<w2:textbox id="textbox1" style="position: relative;" label="HTML5 MultiUpload Sample" tagname="h1"></w2:textbox>
			<w2:gridView ignoreCellClick="false" id="gridView1" dataList="dataList1" style="position: relative;height: 200px;"
				useShiftKey="true" scrollByColumn="false" fixedColumnWithHidden="true" autoFit="allColumn">
				<w2:header id="header1" style="">
					<w2:row id="row2" style="">
						<w2:column blockSelect="false" id="column11" style="height:20px;" inputType="checkbox" width="27" value="chk"></w2:column>
						<w2:column blockSelect="false" id="column9" style="height:20px;" inputType="text" width="422" value="FileName"></w2:column>
						<w2:column blockSelect="false" id="column7" style="height:20px;" inputType="text" width="133" value="Size"></w2:column>
						<w2:column blockSelect="false" id="column3" style="height:20px;" width="197" inputType="text" value="Status"></w2:column>
					</w2:row>
				</w2:header>
				<w2:gBody id="gBody4" style="">
					<w2:row id="row5" style="">
						<w2:column blockSelect="false" id="chk" style="height:20px;" inputType="checkbox" width="27"></w2:column>
						<w2:column blockSelect="false" id="name" style="height:20px;" inputType="text" width="422" textAlign="left"></w2:column>
						<w2:column blockSelect="false" id="displaySize" style="height:20px;" inputType="text" width="133"></w2:column>
						<w2:column blockSelect="false" id="Status" style="height:20px;" width="197" inputType="text" value="Ready.."></w2:column>
					</w2:row>
				</w2:gBody>
			</w2:gridView>
			<xf:group id="group1" style="overflow:hidden;margin-top:5px;">
				<w2:multiupload maxcount="" id="tobe" maxsize="10000000" ev:ondone="multiupload10_ondone"
					style="position:relative;height:34px;width:111px;float:left;" ev:onprogress="scwin.tobe_onprogress" action="" uploadButton=""
					wmode="false" filter="한글파일:*.doc;*.hwp;*.docx" mode="html5_transparent" selectCallback="selectCallback">
				</w2:multiupload>
				<w2:textbox label="" id="textbox4" style="position: relative;height: 34px;width: 84px;float:left;margin-left:5px;"
					class="delete_ing" ev:onclick="scwin.textbox4_onclick">
				</w2:textbox>
				<w2:textbox id="textbox5" label="" style="position: relative;height: 34px;width: 121px;float:left;margin-left:5px;"
					class="start" ev:onclick="scwin.textbox5_onclick">
				</w2:textbox>
			</xf:group>
		</xf:group>
	</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
		<w2:type>COMPONENT</w2:type>
    	<w2:buildDate />
    	<xf:model>
    		<xf:instance>
    			<data xmlns="" />
    		</xf:instance>
    		<w2:dataCollection baseNode="map">
    			<w2:dataList baseNode="list" repeatNode="map" id="dlt_list1" saveRemovedData="true">
    				<w2:columnInfo>
    					<w2:column id="size" name="name1" dataType="text"></w2:column>
    					<w2:column id="name" name="name2" dataType="text"></w2:column>
    					<w2:column id="displaySize" name="name3" dataType="text"></w2:column>
    				</w2:columnInfo>
    			</w2:dataList>
    		</w2:dataCollection>
    		<w2:workflowCollection></w2:workflowCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

    	<script type="text/javascript"><![CDATA[
		scwin.trigger1_onclick = function(e) {
			//tab1번 객체를 가져온다
			debugger;
			var objTab = tabCon.getWindow(1);

			//tab1번의 component에 접근한다
			var obj_multi = objTab.multi.getFileInfos();

			var len = obj_multi.length;

			dlt_list1.setJSON(obj_multi);
		};
		]]></script>
    	<w2:require src="/upload/multiUpload.xml"></w2:require>
    </head>
    <body>
    	<w2:tabControl useTabKeyOnly="true" useConfirmMessage="false" confirmTrueAction="exist" confirmFalseAction="new" alwaysDraw="true"
    		style="position: relative ;width:100%;" id="tabCon">
    		<w2:tabs label="info" disabled="false" style="width:70px;height:30px;" id="tabs1"></w2:tabs>
    		<w2:tabs disabled="false" style="width:70px;height:30px;" label="multi" id="tabs2"></w2:tabs>

    		<w2:content alwaysDraw="true" style="height:322px;" id="content1" frameMode="">
    			<xf:group style="height:23px;padding:10px;" id="">
    				<xf:trigger ev:onclick="scwin.trigger1_onclick" style="position: relative;width: 80px;height: 23px;" id="trigger1"
    					type="button">
    					<xf:label><![CDATA[getInfo]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    		<xf:group style="height:150px;padding:10px;" id=""><w2:gridView scrollByColumnAdaptive="false" fixedColumnWithHidden="true" dataList="dlt_list1" useShiftKey="true" scrollByColumn="false" style="position: relative;width: 500px;height: 150px;" ignoreCellClick="false" id="" ignoreToggleOnDisabled="false">
    				<w2:header style="" id="header1">
    					<w2:row style="" id="row1">
    						<w2:column width="70" inputType="text" style="height:20px;" id="column5" value="size" blockSelect="false" displayMode="label">
    						</w2:column>
    						<w2:column width="70" inputType="text" style="height:20px;" id="column3" value="name" blockSelect="false" displayMode="label">
    						</w2:column>
    						<w2:column width="100" inputType="text" style="height:20px;" id="column1" value="displaySize" blockSelect="false" displayMode="label">
    						</w2:column>
    					</w2:row>
    				</w2:header>
    				<w2:gBody style="" id="gBody1">
    					<w2:row style="" id="row2">
    						<w2:column width="70" inputType="text" style="height:20px" id="size" blockSelect="false" displayMode="label"></w2:column>
    						<w2:column width="70" inputType="text" style="height:20px" id="name" blockSelect="false" displayMode="label"></w2:column>
    						<w2:column width="100" inputType="text" style="height:20px" id="displaySize" blockSelect="false" displayMode="label">
    						</w2:column>
    					</w2:row>
    				</w2:gBody>
    			</w2:gridView></xf:group></w2:content>
    		<w2:content alwaysDraw="true" style="height:322px;" id="content2" src="multi_tab.xml" frameMode="iframe"></w2:content>
    	</w2:tabControl>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
		<w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList id="dataList1" baseNode="list"
            		saveRemovedData="true" repeatNode="map">
            		<w2:columnInfo>
            			<w2:column id="col1" name="name1"
            				dataType="text">
            			</w2:column>
            			<w2:column id="col2" name="name2"
            				dataType="text">
            			</w2:column>
            			<w2:column id="col3" name="name3"
            				dataType="text">
            			</w2:column>
            			<w2:column id="col4" name="name4"
            				dataType="text">
            			</w2:column>
            		</w2:columnInfo>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

        <script type="text/javascript" lazy="false"><![CDATA[

		scwin.onpageload = function() {
	        var jsonData = [{"col1":"a", "col2":"b", "col3":"c", "col4":"d"},
	        				{"col1":"aa", "col2":"bb", "col3":"cc", "col4":"dd"},
	        				{"col1":"aaa", "col2":"bbb", "col3":"ccc", "col4":"ddd"},
	        				{"col1":"aaaa", "col2":"bbbb", "col3":"cccc", "col4":"dddd"},];

	        dataList1.setJSON( jsonData );
		};

		scwin.onpageunload = function() {

		};

		scwin.trigger1_onclick = function(e) {
			//debugger;
			// 데이터리스트를 json으로 반환 시키고 해당 내용을 인코딩해서 던지는 과정
			var jsondata = WebSquare.text.BASE64Encoder(JSON.stringify(dataList1.getAllJSON()));
			console.log(jsondata);
			$p.download( "/TechDB/ETC-003/FileDown.jsp" , jsondata , "post" );

			//var name = dataList1.getCellData( 0 , 0 );
			//WebSquare.text.BASE64Encoder(name);
			// XML 형탤로 만들어 주는구조
			//var xmldata = "<data><name>"+ name +"</name></data>";
			// JSON 형태로 만들어 주는구조
		};
		]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" id="trigger1"
    		style="position: relative;width: 100px;height: 23px;" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[filedownload]]></xf:label>
    	</xf:trigger>
    </body>
</html>


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

		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<xf:model>
			<xf:instance>
				<data xmlns="" />
			</xf:instance>
			<w2:dataCollection baseNode="map">
				<w2:dataMap baseNode="map" id="dma_fileDesc">
					<w2:keyInfo>
						<w2:key id="desc" name="" dataType="text"></w2:key>
						<w2:key id="test" name="" dataType="text"></w2:key>
					</w2:keyInfo>
					<w2:data use="true">

						<desc><![CDATA[

본 화면은 WebSquare5의 다국어 설정을 위한 가이드를 제공한다.
본 화면은 서버 다국어 설정으로 적용되어 있으며, 설정내용은 아래의 설정을 확인한다.
본 화면에서는 <pageURLPrefix type="function" value="gcm.win.getI18NUrl" ignoreW2xPath="true"/>
이 설정의 주석만 풀어주면, 적용이 가능하다.

1. websqaure.xml

  - C:\WEBSQUARE_DEV_PACK_SP5\workspace\websquare_home\config\websqaure.xml 파일에서 아래의 i18n 설정을 추가한다.
  - websqaure.xml 파일 변경 후 반드시 was를 리부팅한다.
  <i18n>
	<baseDir value="C:\WEBSQUARE_DEV_PACK_SP5\workspace\WRM\WebContent\WEB-INF\lang"/>
	<defaultLocale value="ko">
		<domain name="localhost" locale="en"/>
		<domain name="ko.inswave.co.kr" locale="ko"/>
		<domain name="en.inswave.co.kr" locale="en"/>
		<domain name="jp.inswave.co.kr" locale="jp"/>
	</defaultLocale>
	<localeParam value="locale"/>
	<xmlInfo baseDir="C:\WEBSQUARE_DEV_PACK_SP5\workspace\WRM\WebContent" cache="false"/>
  </i18n>

2. 다국어 처리함수(com.getI18NUrl)

  - 공통함수 선언부에서 getI18NUrl 함수를 확인한다.
  com.getI18NUrl = function(xmlUrl){
	var baseURL = gcm.CONTEXT_PATH + "/websquare/I18N";
	var rsUrl;
	var locale = WebSquare.cookie.getCookie( "locale" );
	var bXml = "/blank.xml";
	xmlUrl = xmlUrl.replace(/\?.*/,'');
	xmlUrl = xmlUrl.replace(gcm.CONTEXT_PATH,'');
	if(xmlUrl.search(bXml) > -1 && xmlUrl.search(WebSquare.baseURI) == -1){
		xmlUrl = WebSquare.baseURI + "/blank.xml";
	}
	rsURL =  baseURL+"?w2xPath="+xmlUrl;

	if( locale != null && locale != '' ) {
		rsURL = rsURL + "&locale=" + unescape(locale);
	}

	return rsURL;
  };

3. 다국어 properties 파일 확인

  - /WEB-INF/lang 하위의 다국어 properties 파일을 확인한다.
  - 예시
  /WEB-INF/la../../../ko.properties, /WEB-INF/la../../../en.properties

4. config.xml 확인

  1. 2번의 다국어 처리함수를 포함한 js 파일을 반드시 읽어들인다.
  - 예시
	<engine>
		<module src="/cm/js/commonGlobal.js" />
		<module src="/cm/js/commonScope.js" />
		... 중략 .....
	</engine>
  2. 아래의 설정을 적용한다.
	 (다국어 설정이 필요없는 경우 아래의 내용을 삭제하면 다국어가 적용되지 않는다.)
   - <pageURLPrefix type="function" value="gcm.win.getI18NUrl" ignoreW2xPath="true"/>

						]]></desc><test><![CDATA[

1. 과정

1. 오른쪽에 위치한 [언어 선택]를 선택한다.

2. 결과

1. 변경된 [언어 선택]에 따른 화면의 다국어 설정을 확인한다.

						]]></test>
					</w2:data>
				</w2:dataMap>
				<w2:dataMap baseNode="map" id="dma_memberBasic">
					<w2:keyInfo>
						<w2:key id="EMP_CD" name="사원코드" dataType="text"></w2:key>
						<w2:key id="EMP_NM" name="사원명" dataType="text"></w2:key>
						<w2:key id="JOIN_DATE" name="입사일" dataType="text"></w2:key>
						<w2:key id="RESIDENT_NO" name="주민번호" dataType="text"></w2:key>
						<w2:key id="EMP_CN_NM" name="사원한자명" dataType="text"></w2:key>
						<w2:key id="ASSIGNED_TASK" name="담당업무" dataType="text"></w2:key>
						<w2:key id="EMP_EN_NM" name="사원영문명" dataType="text"></w2:key>
						<w2:key id="POSITION_UPDATED_DATE" name="호칭변경일" dataType="text"></w2:key>
						<w2:key id="LAST_APPOINT_DATE" name="최종발령일" dataType="text"></w2:key>
					</w2:keyInfo>
				</w2:dataMap>
				<w2:dataList id="dlt_sample" baseNode="list" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="col1" name="기본코드" dataType="text"></w2:column>
						<w2:column id="col2" name="기본사항" dataType="text"></w2:column>
						<w2:column id="col3" name="입력사항" dataType="text"></w2:column>
						<w2:column id="col4" name="확인사항" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection></w2:workflowCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

    	<xf:group class="sub_contents flex_gvw" id="" style="">
		<w2:wframe id="" style="" src="../../cm/xml/contentHeader.xml" scope=""></w2:wframe>
		<w2:wframe id="" src="../../cm/xml/contentDesc.xml" scope=""></w2:wframe>
    		<xf:group class="dfbox" id="" style="">
    			<xf:group class="fr" id="" style="">
    				<w2:textbox class="ett" id="" label="언어선택 : " style=""></w2:textbox>
    				<xf:select1 allOption="" appearance="minimal" chooseOption="" class="" direction="auto" disabled="false"
    					disabledClass="w2selectbox_disabled" id="sel_multiLang" ref="" style="width:100px;" submenuSize="auto" ev:onchange="scwin.sel_multiLang_onchange">
    					<xf:choices>
    						<xf:item>
    							<xf:label><![CDATA[한국어]]></xf:label>
    							<xf:value><![CDATA[ko]]></xf:value>
    						</xf:item>
    						<xf:item>
    							<xf:label><![CDATA[영어]]></xf:label>
    							<xf:value><![CDATA[en]]></xf:value>
    						</xf:item>
    					</xf:choices>
    				</xf:select1>
    			</xf:group>
    		</xf:group>
    		<xf:group class="tbbox" id="" style="">
    			<xf:group class="w2tb tb" id="group1" style="width:100%;" tagname="table" adaptive="layout" adaptiveThreshold="900">
    				<w2:attributes>
    					<w2:summary></w2:summary>
    				</w2:attributes>
    				<xf:group tagname="colgroup">
    					<xf:group style="width:120px;" tagname="col"></xf:group>
    					<xf:group style="" tagname="col"></xf:group>
    					<xf:group style="width:120px;" tagname="col"></xf:group>
    					<xf:group style="" tagname="col"></xf:group>
    					<xf:group style="width:120px;" tagname="col"></xf:group>
    					<xf:group style="" tagname="col"></xf:group>
    				</xf:group>
    				<xf:group style="" tagname="tr">
    					<xf:group class="w2tb_th" style="" tagname="th">
    						<w2:textbox class="" id="" label="!~TEXT001~!" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group class="w2tb_td" style="" tagname="td">
    						<xf:input enterBlur="" id="ibx_empCd" mandatory="true" ref="" style=""></xf:input>
    					</xf:group>
    					<xf:group class="w2tb_th" style="" tagname="th">
    						<w2:textbox class="" id="" label="!~TEXT002~!" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group class="w2tb_td" style="" tagname="td">
    						<xf:input allowChar="가-힣" id="ibx_empNm" isHangul="true" mandatory="true" placeholder="!~TEXT010~!" ref=""
    							style="">
    						</xf:input>
    					</xf:group>
    					<xf:group class="w2tb_th" style="" tagname="th">
    						<w2:textbox class="" id="" label="!~TEXT003~!" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group class="w2tb_td" style="" tagname="td">
    						<w2:inputCalendar calendarValueType="yearMonthDate" class="mr5" dateValidCheck="true" focusOnDateSelect="false"
    							footerDiv="false" id="cal_joinDate" mandatory="true" ref="" renderDiv="true" renderType="component" rightAlign="false" style=""
    							weekStartsOn="0">
    						</w2:inputCalendar>
    					</xf:group>
    				</xf:group>
    				<xf:group style="" tagname="tr">
    					<xf:group class="w2tb_th" style="" tagname="th">
    						<w2:textbox class="" id="" label="!~TEXT004~!" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group class="w2tb_td" style="" tagname="td">
    						<xf:input allowChar="0-9" applyFormat="" displayFormat="######-#######" displayFormatter="" id="ibx_residentNo"
    							mandatory="true" maxlength="13" minlength="13" ref="" style="">
    						</xf:input>
    					</xf:group>
    					<xf:group class="w2tb_th" style="" tagname="th">
    						<w2:textbox class="" id="" label="!~TEXT005~!" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group class="w2tb_td" style="" tagname="td">
    						<xf:input id="ibx_empCnNm" mandatory="true" ref="" style=""></xf:input>
    					</xf:group>
    					<xf:group class="w2tb_th" style="" tagname="th">
    						<w2:textbox class="" id="" label="!~TEXT006~!" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group class="w2tb_td" style="" tagname="td">
    						<xf:input class="fl" id="ibx_assignedTask" mandatory="true" ref="" style=""></xf:input>
    					</xf:group>
    				</xf:group>
    				<xf:group style="" tagname="tr">
    					<xf:group class="w2tb_th" style="" tagname="th">
    						<w2:textbox class="" id="" label="!~TEXT007~!" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group class="w2tb_td" style="" tagname="td">
    						<xf:input allowChar="a-z A-Z" id="ibx_empEnNm" ignoreChar="" isHangul="false" mandatory="true" ref="" style="">
    						</xf:input>
    					</xf:group>
    					<xf:group class="w2tb_th" style="" tagname="th">
    						<w2:textbox class="" id="" label="!~TEXT008~!" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group class="w2tb_td" style="" tagname="td">
    						<w2:inputCalendar calendarValueType="yearMonthDate" class="mr5" dateValidCheck="true" focusOnDateSelect="false"
    							footerDiv="false" id="cal_postionUpdatedDate" mandatory="true" ref="" renderDiv="true" renderType="component" rightAlign="false" style=""
    							weekStartsOn="0">
    						</w2:inputCalendar>
    					</xf:group>
    					<xf:group class="w2tb_th" style="" tagname="th">
    						<w2:textbox class="" id="" label="!~TEXT009~!" ref="" style="" userData2=""></w2:textbox>
    					</xf:group>
    					<xf:group class="w2tb_td" style="" tagname="td">
    						<w2:inputCalendar calendarValueType="yearMonthDate" class="mr5" dateValidCheck="true" displaymessage=""
    							focusOnDateSelect="false" footerDiv="false" id="cal_lastAppointDate" mandatory="true" ref="" renderDiv="true" renderType="component"
    							rightAlign="false" style="" weekStartsOn="0">
    						</w2:inputCalendar>
    					</xf:group>
    				</xf:group>
    			</xf:group>
    		</xf:group>
    		<xf:group adaptiveThreshold="" class="gvwbox" id="" style="">
    			<w2:gridView autoFit="allColumn" class="wq_gvw" dataList="data:dlt_sample" ev:onafteredit="" fixedColumnWithHidden="true"
    				id="grd_chkGrid" ignoreCellClick="false" scrollByColumn="false" sortEvent="ondblclick" sortable="true" style="height:296px;"
    				useShiftKey="true" defaultCellHeight="26" focusMode="row" autoFitMinWidth="800">
    				<w2:header id="header1" style="">
    					<w2:row id="row2" style="">
    						<w2:column blockSelect="false" displayMode="label" id="column11" inputType="text" style=""
    							value="!~GREV001~!" width="170">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="column7" inputType="text" style=""
    							value="!~GREV002~!" width="170">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="column3" inputType="text" style=""
    							value="!~GREV003~!" width="100">
    						</w2:column>
    						<w2:column blockSelect="false" id="column12" inputType="text" style="" value="!~GREV004~!"
    							width="100">
    						</w2:column>
    					</w2:row>
    				</w2:header>
    				<w2:gBody id="gBody4" style="">
    					<w2:row id="row5" style="">
    						<w2:column blockSelect="false" displayMode="label" id="col1" inputType="text" style=""
    							width="170">
    						</w2:column>
    						<w2:column blockSelect="false" displayMode="label" id="col2" inputType="text" style=""
    							textAlign="left" width="170">
    						</w2:column>
    						<w2:column blockSelect="false" defaultValue="" displayMode="" falseValue="N" id="col3" inputType="text"
    							style="" textAlign="left" trueValue="Y" value="" valueType="other" width="100">
    						</w2:column>
    						<w2:column blockSelect="false" id="col4" inputType="text" style="" width="100"></w2:column>
    					</w2:row>
    				</w2:gBody>
    			</w2:gridView>

    		</xf:group>

    	</xf:group>


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

		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<xf:model>
			<xf:instance>
				<data xmlns="" />
			</xf:instance>
			<w2:dataCollection baseNode="map">
				<w2:dataMap baseNode="map" id="dma_fileDesc">
					<w2:keyInfo>
						<w2:key id="desc" name="파일 설명" dataType="text"></w2:key>
						<w2:key id="test" name="파일 테스트 방법" dataType="text"></w2:key>
					</w2:keyInfo>
					<w2:data use="true">
						<desc><![CDATA[

본 화면은 코드성 데이터(성별,직업 등)를 컴포넌트에 연동의 편의성을 위해 만든 com.data.setCommonCode Function의 활용 샘플이다.

동작 방식

1. 개발자가 DataList와 Submission의 생성과 컴포넌트의 itemSet을 설정하지않고 com.data.setCommonCode에 맵핑 정보를 넘겨준다.
2. com.data.setCommonCode에서는 DataList와 Submission을 동적으로 생성하고 컴포넌트에 itemSet을 설정한다.

호출 형식

com.data.setCommonCode(Array, CallbackFunctionNm);
예시 :
	com.data.setCommonCode([
		{"code":"04","compID":"sbx_commCodeReligion"},
		{"code":"24","compID":"grd_commCodeSample:JOB_CD"}
	], scwin.setCommonCodeCallback);

첫번째 Paramter

객체 타입 : Array
필수 여부 : Y
설명 : JSON으로 code와 compID로 구성된 JSON 객체가 담긴 Array.
조회할 code당 JSON을 정의하며 compID는 연동할 컴포넌트의 ID를 기입하며 다건의 컴포넌트는 ,를 이용하여 정의한다.
예시 : {"code":"24","compID":"sbx_commCodeReligion,sbx_CommCodeEdu"}
GridView컴포넌트의 경우 컴포넌트의 ID와 Body의 컬럼 ID가 정의되어야 하며 형식은 다음과 같다.
정의 방식 : [컴포넌트ID]:[컬럼ID]
예시 : {"code":"24","compID":"grd_commCodeSample:JOB_CD"}

두번째 Paramter

객체 타입 : String
필수 여부 : N
설명 : 통신 후 실행할 Function명.
예시 ) scwin.setCommonCodeCallback

						]]></desc>
						<test><![CDATA[

과정

cwin.onpageload Function에서 com.data.setCommonCode 호출.
예시 )

scwin.onpageload = function() {
	//	공통 코드 세팅 옵션 정보 설정
						// 공통 코드(00020)의 데이터를 Radio 컴포넌트(rad_commonCode)에 바인딩
	var codeOptions = [ {"code":"00020","compID":"rad_commonCode"},
						// 공통 코드(00001)의 데이터를 Selectbox 컴포넌트(sbx_commonCode), MultiSelect 컴포넌트(msb_commonCode)에 바인딩
						{"code":"00001","compID":"sbx_commonCode, msb_commonCode"},
						// 공통 코드(00002)의 데이터를 GridView 컴포넌트(grd_commCodeSample)의 POSITION_CD 컬럼에 바인딩
						{"code":"00002","compID":"grd_commCodeSample:POSITION_CD"},
						// 공통 코드(00024)의 데이터를 GridView와 여러 개의 컴포넌트에 바인딩
						{"code":"00024","compID":"acb_commonCode, ccb_commonCode, cbx_commonCode, grd_commCodeSample:JOB_CD"} ];
	com.data.setCommonCode(codeOptions);
};

/**
 * 화면 초기화 데이터가 모두 로딩되면 발생하는 이벤트
 * 공통 코드 로딩 후에 조회가 필요할 경우에 scwin.ondataload에서 조회를 수행하면 된다.
 */
scwin.ondataload = function() {
	com.sbm.execute(sbm_selectCodeList);
};

결과

- 상단 검색 영역의 공통코드의 항목이 표현된다.
- [조회] 버튼을 클릭하면 GridView의 selectbox에 공통 코드 항목이 표현된다.

						]]></test>
					</w2:data>
				</w2:dataMap>

				<w2:dataMap baseNode="map" id="dma_search">
					<w2:keyInfo>
						<w2:key id="key1" name="name1" dataType="text"></w2:key>
						<w2:key id="key2" name="name2" dataType="text"></w2:key>
						<w2:key id="key3" name="name3" dataType="text"></w2:key>
						<w2:key id="key4" name="name4" dataType="text"></w2:key>
						<w2:key id="key5" name="name5" dataType="text"></w2:key>
						<w2:key id="key6" name="name6" dataType="text"></w2:key>
					</w2:keyInfo>
				</w2:dataMap>
				<w2:dataList id="dlt_mainCodeList" baseNode="list" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="EMP_NM" name="사용자" dataType="text"></w2:column>
						<w2:column id="POSITION_CD" name="직위" dataType="text"></w2:column>
						<w2:column id="JOB_CD" name="직책" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection></w2:workflowCollection>
			<xf:submission id="sbm_selectCodeList" ref='data:json,dma_search'
				target='data:json,{"id":"dlt_mainCodeList","key":"dlt_memberBasic"}' action="/member/searchMemberBasic" method="post"
				mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous" processMsg=""
				ev:submit="" ev:submitdone="" ev:submiterror="" abortTrigger="">
			</xf:submission>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

		<xf:group class="sub_contents flex_gvw" id="" style="">
			<w2:wframe id="" style="" src="../../cm/xml/contentHeader.xml" scope=""></w2:wframe>
			<w2:wframe id="" src="../../cm/xml/contentDesc.xml" scope=""></w2:wframe>
			<xf:group class="shbox" id="" style="">
				<xf:group class="shbox_inner" id="" style="">
					<xf:group adaptive="layout" adaptiveThreshold="900" class="w2tb tb " id="" style="" tagname="table">
						<w2:attributes>
							<w2:summary></w2:summary>
						</w2:attributes>
						<xf:group tagname="colgroup">
							<xf:group style="width:150px;" tagname="col"></xf:group>
							<xf:group style="" tagname="col"></xf:group>
							<xf:group style="width:150px;" tagname="col"></xf:group>
							<xf:group style="" tagname="col"></xf:group>
						</xf:group>
						<xf:group class="" id="" style="" tagname="tr">
							<xf:group class="w2tb_th" style="" tagname="th">
								<w2:textbox class="" id="" label="SelectBox" style=""></w2:textbox>
							</xf:group>
							<xf:group class="w2tb_td" style="" tagname="td">
								<xf:select1 allOption="" appearance="minimal" chooseOption="" class="" direction="auto" disabled="false"
									disabledClass="w2selectbox_disabled" id="sbx_commonCode" ref="data:dma_search.key1" style="width:180px;" submenuSize="auto">
									<xf:choices></xf:choices>
								</xf:select1>
							</xf:group>
							<xf:group class="w2tb_th" style="" tagname="th">
								<w2:textbox class="" id="" label="AutoComplete" style=""></w2:textbox>
							</xf:group>
							<xf:group class="w2tb_td" id="" style="" tagname="td">
								<w2:autoComplete allOption="" chooseOption="" editType="select" id="acb_commonCode" ref="data:dma_search.key2" search="start"
									style="width:180px;" submenuSize="auto" useKeywordHighlight="false">
									<w2:choices></w2:choices>
								</w2:autoComplete>
							</xf:group>
						</xf:group>
						<xf:group class="" id="" style="" tagname="tr">
							<xf:group class="w2tb_th" style="" tagname="th">
								<w2:textbox class="" id="" label="Radio" style=""></w2:textbox>
							</xf:group>
							<xf:group class="w2tb_td" style="" tagname="td">

								<xf:select1 appearance="full" cols="" disabled="" id="rad_commonCode" ref="data:dma_search.key3" renderType="radiogroup" rows=""
									selectedIndex="1" style="width : 100%;height : 100%;">
									<xf:choices></xf:choices>
								</xf:select1>
							</xf:group>
							<xf:group class="w2tb_th" style="" tagname="th">
								<w2:textbox class="" id="" label="CheckCombobox" style=""></w2:textbox>
							</xf:group>
							<xf:group class="w2tb_td" id="" style="" tagname="td">
								<xf:checkcombobox submenuSize="auto" allOption="false" disabled="false" id="ccb_commonCode" direction="auto"
									displayAllOptionLabel="false" chooseOption="false" displayMode="label" appearance="minimal" style="width:180px;" ref="data:dma_search.key4">
								</xf:checkcombobox>
							</xf:group>
						</xf:group>
					<xf:group tagname="tr" id="">
						<xf:group tagname="th" class="w2tb_th">
							<w2:attributes>
								<w2:scope>row</w2:scope>
							</w2:attributes>
							<w2:textbox class="" id="" label="MultiSelect" style=""></w2:textbox>
						</xf:group>
						<xf:group tagname="td" class="w2tb_td">
							<w2:attributes></w2:attributes>
							<xf:select appearance="minimal" style="width:180px;height:100px;" id="msb_commonCode" ref="data:dma_search.key5"></xf:select>
						</xf:group>
						<xf:group tagname="th" class="w2tb_th">
							<w2:attributes>
								<w2:scope>row</w2:scope>
							</w2:attributes>
							<w2:textbox class="" id="" label="Checbox" style=""></w2:textbox>
						</xf:group>
						<xf:group tagname="td" id="" class="w2tb_td">
							<w2:attributes></w2:attributes>
							<xf:select appearance="full" cols="" disabled="" id="cbx_commonCode" ref="data:dma_search.key6" renderType="checkboxgroup" rows=""
								selectedindex="1" style="width : 100%;height : 100%;">
								<xf:choices></xf:choices>
							</xf:select>

						</xf:group></xf:group></xf:group>
				</xf:group>
			</xf:group>
			<xf:group adaptiveThreshold="" class="gvwbox" id="" style="">
				<w2:gridView autoFit="allColumn" autoFitMinWidth="800" class="wq_gvw"
					dataList="data:dlt_mainCodeList" editModeEvent="onclick" ev:oncellclick="" fixedColumnWithHidden="true" id="grd_commCodeSample"
					keyMoveEditMode="true" rowNumVisible="ss" rowStatusVisible="" scrollByColumn="false" style="height:150px;" useShiftKey="true"
					defaultCellHeight="26" focusMode="row">
					<w2:header id="header1" style="">
						<w2:row id="row1" style="">
							<w2:column blockSelect="false" displayMode="label" id="column1" inputType="text" style=""
								value="사용자" width="200">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="column3" inputType="text" style="" value="직책"
								width="150">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="column4" inputType="text" style="" value="직무"
								width="150">
							</w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody id="gBody1" style="">
						<w2:row id="row2" style="">
							<w2:column blockSelect="false" displayMode="label" id="EMP_NM" inputType="text" style=""
								width="195">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="POSITION_CD" inputType="select" style=""
								viewType="icon" width="150">
								<w2:choices></w2:choices>
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="JOB_CD" inputType="select" style=""
								textAlign="left" viewType="icon" width="150">
								<w2:choices></w2:choices>
							</w2:column>
						</w2:row>
					</w2:gBody>
				</w2:gridView>

			</xf:group>

		</xf:group>


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

		<w2:type>COMPONENT</w2:type>
		<w2:buildDate />
		<xf:model>
			<xf:instance>
				<data xmlns="" />
			</xf:instance>
			<w2:dataCollection baseNode="map">
				<w2:dataMap baseNode="map" id="dma_fileDesc">
					<w2:keyInfo>
						<w2:key id="desc" name="" dataType="text"></w2:key>
						<w2:key id="test" name="" dataType="text"></w2:key>
					</w2:keyInfo>
					<w2:data use="true">
						<desc><![CDATA[

본 화면은 GridView의 pageList컴포넌트를 이용한 페이징 처리 방법을 제공한다.
본 페이지는 10건씩 가져오도록 처리되어 있다.

1. pageList

  - 최초 조회시에 전체 건수를 함께 조회하여 pageList컴포넌트의 값을 구한다.
  - pageList의 순번을 클릭할 때마다 해당하는 조회 목록을 화면상에 나타낸다.

						]]></desc>
						<test><![CDATA[

1. 과정

1. 화면 로딩시 최초 조회가 실행된다.
2. pageList의 각 순번을 클릭한다.

2. 결과

1. 화면 로딩시 최초 조회를 실행하여 pageList의 값이 셋팅된다.
2. pageList의 각 순번을 클릭할 때마다 해당하는 조회목록을 화면 gridView에 나타낸다.
3. 조회 버튼을 클릭시 다시 최초 조회를 실행한다.

						]]></test>
					</w2:data>
				</w2:dataMap>
				<w2:dataMap baseNode="map" id="dma_search">
					<w2:keyInfo>
						<w2:key id="TOTAL_YN" name="총건수 조회여부" dataType="text" defaultValue="Y"></w2:key>
						<w2:key id="START_NUM" name="시작 순번" dataType="number" defaultValue="0"></w2:key>
						<w2:key id="END_NUM" name="끝 순번" dataType="number" defaultValue="5"></w2:key>
					</w2:keyInfo>
				</w2:dataMap>
				<w2:dataList id="dlt_update" baseNode="list" saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="UPT_SEQ" name="업데이트순번" dataType="text"></w2:column>
						<w2:column id="UPT_TITLE" name="제목" dataType="text"></w2:column>
						<w2:column id="UPT_DATE" name="작성일" dataType="text"></w2:column>
						<w2:column id="UPT_CONTENT" name="내용" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<w2:workflowCollection></w2:workflowCollection>
			<xf:submission id="sbm_mainList" ref='data:json,dma_search' target='data:json,{"id":"dlt_update","key":"dlt_update"}'
				action="/page/selectPageInfo" method="post" mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler=""
				mode="asynchronous" processMsg="" ev:submit="" ev:submitdone="scwin.sbm_mainList_submitdone" ev:submiterror="">
			</xf:submission>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

		<xf:group class="sub_contents" id="" style="">
			<w2:wframe id="" style="" src="../../cm/xml/contentHeader.xml" scope=""></w2:wframe>
			<w2:wframe id="" src="../../cm/xml/contentDesc.xml" scope=""></w2:wframe>
			<xf:group class="dfbox" id="" style="">
				<w2:textbox class="" id="" label="예제" style="" tagname="h3"></w2:textbox>
				<xf:group class="fr" id="" style="">
					<w2:textbox class="sum" id="spn_totalCnt" label="" style=""></w2:textbox><w2:textbox class="" id="" label="건" style=""></w2:textbox><xf:trigger class="btn_cm  search" id="btn_search" style="" type="button" ev:onclick="scwin.btn_search_onclick">
						<xf:label><![CDATA[조회]]></xf:label>
					</xf:trigger>
				</xf:group>
			</xf:group>
			<xf:group adaptiveThreshold="" class="gvwbox" id="" style="">
				<w2:gridView autoFit="allColumn" class="wq_gvw" dataList="data:dlt_update" ev:onscrollend="scwin.gridView1_onscrollend"
					fixedColumnWithHidden="true" id="gridView1" ignoreCellClick="false" ignoreToggleOnDisabled="false" scrollByColumnAdaptive="false" style="height:296px;" summaryAuto="false" useShiftKey="true" defaultCellHeight="26" focusMode="row" autoFitMinWidth="900" scrollByColumn="true">
					<w2:header id="header1" style="">
						<w2:row id="row1" style="">
							<w2:column blockSelect="false" displayMode="label" id="column7" inputType="text" style="" value="업데이트순번"
								width="100">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="column5" inputType="text" style="" value="제목"
								width="100">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="column3" inputType="text" style="" value="작성일"
								width="100">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="column1" inputType="text" style="" value="내용" width="180">
							</w2:column>
						</w2:row>
					</w2:header>
					<w2:gBody id="gBody1" style="">
						<w2:row id="row2" style="">
							<w2:column blockSelect="false" displayMode="label" id="UPT_SEQ" inputType="text" style="" width="70">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="UPT_TITLE" inputType="text" style="" width="70" textAlign="left">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="UPT_DATE" inputType="text" style="" width="70">
							</w2:column>
							<w2:column blockSelect="false" displayMode="label" id="UPT_CONTENT" inputType="text" style="" width="70">
							</w2:column>
						</w2:row>
					</w2:gBody>
				</w2:gridView>
			<w2:pageList class="wq_pglist" displayButtonType="display" displayFormat="#" id="pgl_list" pageSize="5" pagingType="0" style="" ev:onchange="" ev:onclick="scwin.pgl_list_onclick" renderType="">
			</w2:pageList></xf:group>

		</xf:group>