<?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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList baseNode="list" id="dataList1" repeatNode="map" saveRemovedData="true" style="">
            		<w2:columnInfo>
            			<w2:column dataType="text" id="col1" name="name1"></w2:column>
            			<w2:column dataType="text" id="col2" name="name2"></w2:column>
            			<w2:column dataType="text" id="col3" name="name3"></w2:column>
            			<w2:column id="col4" name="name4" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="false"></w2:data>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		var json=[{
			"col1":"1 Asia",
			"col2":"1",
			"col3":"con"
		},{
			"col1":"2 Korea",
			"col2":"2",
			"col3":"nat"

		},{
			"col1":"3 Seoul",
			"col2":"3",
			"col3":"ct"
		},{
			"col1":"4 Guro",
			"col2":"4",
			"col3":"gu"
		},{
			"col1":"5 Gangseo",
			"col2":"4",
			"col3":"gu"
		},{
			"col1":"6 Busan",
			"col2":"3",
			"col3":"ct"
		},{
			"col1":"7 Jeju",
			"col2":"3",
			"col3":"ct"
		},{
			"col1":"8 China",
			"col2":"2",
			"col3":"nat",
			"col4" : "nat"

		},{
			"col1":"9 Beijing",
			"col2":"3",
			"col3":"ct"
		}, {
			"col1":"10 Shanghai",
			"col2":"3",
			"col3":"ct"
		},{
			"col1":"11 Europe",
			"col2":"1",
			"col3":"con"
		},{
			"col1":"12 Germany",
			"col2":"2",
			"col3":"nat"

		},{
			"col1":"13 Berlin",
			"col2":"3",
			"col3":"ct"
		},{
			"col1":"14 Munich",
			"col2":"3",
			"col3":"ct"
		},{
			"col1":"15 Bonn",
			"col2":"3",
			"col3":"ct"
		},{
			"col1":"16 France",
			"col2":"2",
			"col3":"nat"

		},{
			"col1":"17 Paris",
			"col2":"3",
			"col3":"ct"
		},{
			"col1":"18 Rouen",
			"col2":"3",
			"col3":"ct"
		}];
		dataList1.setJSON(json);

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		treeview1.spanAll(false);
	};

	scwin.trigger2_onclick = function(e) {
		treeview1.spanNode(11);
	};

	scwin.trigger3_onclick = function(e) {
		treeview1.spanNode(11, true);
	};

	scwin.trigger4_onclick = function(e) {
		treeview1.spanNode(11, true, true);
	};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:group id="" style="margin-top: 20px;">
    		<xf:trigger ev:onclick="scwin.trigger1_onclick"
    			style="width:132px;height:44px;margin-top:10px;margin-left:100px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;text-align:left;font-style:normal;font-weight:bolder;"
    			id="trigger1" type="button">
    			<xf:label><![CDATA[spanAll(false)]]></xf:label>
    		</xf:trigger>
    		<xf:trigger id="trigger2" style="width:132px;height:44px;margin-top:10px;margin-left:10px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;text-align:left;font-style:normal;font-weight:bolder;" type="button" ev:onclick="scwin.trigger2_onclick">
    			<xf:label><![CDATA[spanNode(11)]]></xf:label>
    		</xf:trigger><xf:trigger style="width:162px;height:44px;margin-top:10px;margin-left:10px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;text-align:left;font-style:normal;font-weight:bolder;"
    			id="trigger3" type="button" ev:onclick="scwin.trigger3_onclick">
    			<xf:label><![CDATA[spanNode(11, true)]]></xf:label>
    		</xf:trigger>
    		<xf:trigger style="width:227px;height:44px;margin-top:10px;margin-left:10px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;text-align:left;font-style:normal;font-weight:bolder;"
    			id="trigger4" type="button" ev:onclick="scwin.trigger4_onclick">
    			<xf:label><![CDATA[spanNode(11, true, true)]]></xf:label>
    		</xf:trigger>

    	</xf:group>
    	<w2:treeview id="treeview1" dataType="listed" tooltipGroupClass="false"
    		style="width: 200px;height: 80%;margin: 100px;margin-top: 10px;margin-bottom: 30px;" showCheckbox="" showCheckboxLabel=""
    		hierarchy="">
    		<w2:itemset nodeset="data:dataList1">
    			<w2:label ref="col1"></w2:label>
    			<w2:value ref="col3"></w2:value>
    			<w2:depth ref="col2"></w2:depth>
    			<w2:folder ref=""></w2:folder>
    			<w2:checkbox ref="col4"></w2:checkbox>
    			<w2:checkboxDisabled ref=""></w2:checkboxDisabled>
    			<w2:image ref=""></w2:image>
    			<w2:iconImage ref=""></w2:iconImage>
    			<w2:selectedImage ref=""></w2:selectedImage>
    			<w2:expandedImage ref=""></w2:expandedImage>
    			<w2:leafImage ref=""></w2:leafImage>
    		</w2:itemset>
    	</w2:treeview>

    </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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.group1_onmouseleave = function(e) {
		alert("Mouse LEAVING the Group component.");
	};

	scwin.group1_onmouseenter = function(e) {
		alert("Mouse ENTERING the Group component.");
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="" label='onmouseleave & onmouseenter' style="width:338px;padding: 10px;text-align:center;line-height:32px;height:32px;margin:50px;margin-bottom: 0px;margin-bottom:30px;background-color:#C0C0C0;font-size:17px;font-family:monospace;font-style:normal;font-weight:bolder;">
    	</w2:textbox><xf:group style="width:361px;height:200px;margin:50px;background-color:#FF8080;font-size:40px;font-family:monospace;" id="group1"
    		ev:onmouseleave="scwin.group1_onmouseleave" ev:onmouseenter="scwin.group1_onmouseenter" text="Group" tagname="">
    	</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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="" label='Accordion (unCollapseAll="true")' style="width: 60%;height: 23px;margin: 50px;margin-top: 10px;background-color:#C0C0C0;font-size:15px;padding: 10px;font-family:monospace;font-style:normal;font-weight:bolder;">
    	</w2:textbox><w2:accordion id="accordion1" unCollapseAll="true" collapseAll="" style="width: 60%;height: 80%;margin: 50px;" collapsible=""
    		selectedPanel="" class="" titleDivTag="" panelMoveSpeed="">
    		<w2:panels id="panels1" style="" class="">
    			<w2:panelTitle id="panelTitle1" style="" class="" label="1"></w2:panelTitle>
    			<w2:panelContent id="panelContent1" style="height:80%;width: 90%;" class="">
    				<w2:textbox id="" label="Panel 1"
    					style="width: 150px;height: 23px;margin: 50px;background-color:#C0C0C0;font-size:15px;padding: 10px;font-family:monospace;font-style:normal;font-weight:bolder;">
    				</w2:textbox>
    			</w2:panelContent>
    		</w2:panels>
    		<w2:panels id="panels2" style="" class="">
    			<w2:panelTitle id="panelTitle2" style="" class="" label="2"></w2:panelTitle>
    			<w2:panelContent id="panelContent2" style="height:80%;width: 90%;" class="">
    				<w2:textbox id="" label="Panel 2"
    					style="width: 150px;height: 23px;margin: 50px;background-color:#C0C0C0;font-size:15px;padding: 10px;font-family:monospace;font-style:normal;font-weight:bolder;">
    				</w2:textbox>
    			</w2:panelContent>
    		</w2:panels>
    		<w2:panels id="panels3" style="width: 100%;" class="">
    			<w2:panelTitle id="panelTitle3" style="" class="" label="3"></w2:panelTitle>
    			<w2:panelContent id="panelContent3" style="height:80%;width: 90%;" class="">
    				<xf:select1 appearance="full" id="select1" style="position: absolute ;left:589px;top:91px;width: 54px;height: 25px;"
    					selectedIndex="-1">
    				</xf:select1>
    				<w2:textbox id="" label="Panel 3"
    					style="width: 150px;height: 23px;margin: 50px;background-color:#C0C0C0;font-size:15px;padding: 10px;font-family:monospace;font-style:normal;font-weight:bolder;">
    				</w2:textbox>
    			</w2:panelContent>
    		</w2:panels>
    	</w2:accordion>

    </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>DEFAULT</w2:type>
    	<w2:buildDate />
    	<xf:model>
    		<xf:instance>
    			<data xmlns="" />
    		</xf:instance>
    		<w2:dataCollection baseNode="map"></w2:dataCollection>
    		<w2:workflowCollection></w2:workflowCollection>
    	</xf:model>
    	<script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    	<style type="text/css"><![CDATA[

    	 ]]></style>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:accordion style="width: 60%;height: 80%;margin: 50px;" id="" class="" tabIndex="1" collapsible="true" unCollapseAll="true">
    		<w2:panels style="" id="panels1" class="bbbbbbbbbbb" tabIndex="2">
    			<w2:panelTitle style="" id="panelTitle1" label="1" class=""></w2:panelTitle>
    			<w2:panelContent style="" id="panelContent1" class="">
    				<w2:textbox label="Panel 1"
    					style="width: 150px;height: 23px;margin: 50px;background-color:#C0C0C0;font-size:15px;padding: 10px;font-family:monospace;font-style:normal;font-weight:bolder;"
    					id="">
    				</w2:textbox>
    			</w2:panelContent>
    		</w2:panels>
    		<w2:panels style="" id="panels2" class="" tabIndex="3">
    			<w2:panelTitle style="" id="panelTitle2" class="" label="2"></w2:panelTitle>
    			<w2:panelContent style="" id="panelContent2" class="">
    				<w2:textbox label="Panel 2"
    					style="width: 150px;height: 23px;margin: 50px;background-color:#C0C0C0;font-size:15px;padding: 10px;font-family:monospace;font-style:normal;font-weight:bolder;"
    					id="">
    				</w2:textbox>
    			</w2:panelContent>
    		</w2:panels>
    		<w2:panels style="" id="panels3" class="" tabIndex="4">
    			<w2:panelTitle style="" id="panelTitle3" label="3"></w2:panelTitle>
    			<w2:panelContent style="" id="panelContent3">
    				<w2:textbox id="" label="Panel 3" style="width: 150px;height: 23px;margin: 50px;background-color:#C0C0C0;font-size:15px;padding: 10px;font-family:monospace;font-style:normal;font-weight:bolder;"></w2:textbox>
    			</w2:panelContent>
    		</w2:panels>
    	</w2:accordion>
    </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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		var panelList = accordion1.getOpenPanelListInfo();
		var panelListInfo = JSON.stringify(panelList);
		alert(panelListInfo);
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button"
    		style="width:20%;height:35px;margin:20px;margin-top:30px;background-color:#C0C0C0;font-size:15px;padding:10px;font-family:monospace;font-style:normal;font-weight:bolder;margin-left: 50px;"
    		id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[getOpenPanelListInfo()]]></xf:label>
    	</xf:trigger><w2:accordion id="accordion1" unCollapseAll="true" collapseAll="" style="width: 60%;height: 80%;margin-top: 0px;margin-left: 50px;" collapsible=""
    		selectedPanel="" class="" titleDivTag="" panelMoveSpeed="">
    		<w2:panels id="panel1" style="" class="">
    			<w2:panelTitle id="panelTitle1" style="" class="" label="1"></w2:panelTitle>
    			<w2:panelContent id="panelContent1" style="height:80%;width: 90%;" class="">
    				<w2:textbox id="" label="Panel 1"
    					style="width: 150px;height: 23px;margin: 50px;background-color:#C0C0C0;font-size:15px;padding: 10px;font-family:monospace;font-style:normal;font-weight:bolder;">
    				</w2:textbox>
    			</w2:panelContent>
    		</w2:panels>
    		<w2:panels id="panel2" style="" class="">
    			<w2:panelTitle id="panelTitle2" style="" class="" label="2"></w2:panelTitle>
    			<w2:panelContent id="panelContent2" style="height:80%;width: 90%;" class="">
    				<w2:textbox id="" label="Panel 2"
    					style="width: 150px;height: 23px;margin: 50px;background-color:#C0C0C0;font-size:15px;padding: 10px;font-family:monospace;font-style:normal;font-weight:bolder;">
    				</w2:textbox>
    			</w2:panelContent>
    		</w2:panels>
    		<w2:panels id="panel3" style="" class="">
    			<w2:panelTitle id="panelTitle3" style="" class="" label="3"></w2:panelTitle>
    			<w2:panelContent id="panelContent3" style="height:80%;width: 90%;" class="">
    				<xf:select1 appearance="full" id="select1" style="position: absolute ;left:589px;top:91px;width: 54px;height: 25px;"
    					selectedIndex="-1">
    				</xf:select1>
    				<w2:textbox id="" label="Panel 3"
    					style="width: 150px;height: 23px;margin: 50px;background-color:#C0C0C0;font-size:15px;padding: 10px;font-family:monospace;font-style:normal;font-weight:bolder;">
    				</w2:textbox>
    			</w2:panelContent>
    		</w2:panels>
    	</w2:accordion>

    </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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:group tagname="table" style="margin: 20px;" id="" class="w2tb">
    		<w2:attributes>
    			<w2:summary></w2:summary>
    		</w2:attributes>
    		<xf:group tagname="caption"></xf:group>
    		<xf:group tagname="colgroup">
    			<xf:group tagname="col" style="width:16.67%;"></xf:group>
    			<xf:group tagname="col" style="width:16.67%"></xf:group>
    			<xf:group tagname="col" style="width:16.67%;"></xf:group>
    			<xf:group tagname="col" style="width:16.67%"></xf:group>
    			<xf:group tagname="col" style="width:16.67%;"></xf:group>
    			<xf:group tagname="col" style="width:16.67%"></xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="" class="w2tb_th">ID<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<xf:input adjustMaxLength="false" id="" style="width: 90%;height: 21px;"></xf:input>
    			</xf:group>
    			<xf:group tagname="th" style="" class="w2tb_th">Code<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<xf:input adjustMaxLength="false" id="" style="width: 90%;height: 21px;"></xf:input>
    			</xf:group>
    			<xf:group tagname="th" style="" class="w2tb_th">Job<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<xf:input adjustMaxLength="false" id="" style="width: 90%;height: 21px;"></xf:input>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="" class="w2tb_th">Name<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<xf:input adjustMaxLength="false" id="" style="width: 90%;height: 21px;"></xf:input>
    			</xf:group>
    			<xf:group tagname="th" style="" class="w2tb_th">Nationality<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<xf:input adjustMaxLength="false" id="" style="width: 90%;height: 21px;"></xf:input>
    			</xf:group>
    			<xf:group tagname="th" style="" class="w2tb_th">Flight&nbsp;No.<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<xf:input adjustMaxLength="false" id="" style="width: 90%;height: 21px;"></xf:input>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="" class="w2tb_th">Contact<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<xf:input adjustMaxLength="false" id="" style="width: 90%;height: 21px;"></xf:input>
    			</xf:group>
    			<xf:group tagname="th" style="" class="w2tb_th">Date&nbsp;of&nbsp;Birth<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<w2:attributes>
    					<w2:colspan>3</w2:colspan>
    					<w2:rowspan>1</w2:rowspan>
    				</w2:attributes>
    				<w2:inputCalendar footerDiv="false" id="" style="width: 150px;height: 23px;" renderDiv="true" focusOnDateSelect="false"
    					calendarValueType="yearMonthDate" rightAlign="false">
    				</w2:inputCalendar>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="" class="w2tb_th">Memo<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<w2:attributes>
    					<w2:colspan>5</w2:colspan>
    					<w2:rowspan>1</w2:rowspan>
    				</w2:attributes>
    				<xf:textarea id="" style="width: 300px;height: 100px;"></xf:textarea>
    			</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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
        	<xf:instance>
        		<data xmlns="" />
        	</xf:instance>
        	<w2:dataCollection baseNode="map">
        		<w2:dataList baseNode="list" repeatNode="map" id="dataList1" saveRemovedData="true">
        			<w2:columnInfo>
        				<w2:column id="C_Code" name="name1" dataType="text"></w2:column>
        				<w2:column id="City" name="name2" dataType="text"></w2:column>
        				<w2:column id="Country" name="name3" dataType="text"></w2:column>
        				<w2:column id="Airport" name="name4" dataType="text"></w2:column>
        				<w2:column id="A_Code" name="name5" dataType="text"></w2:column>
        			</w2:columnInfo>
        		</w2:dataList>
        	</w2:dataCollection>
        	<w2:workflowCollection></w2:workflowCollection>
        	<xf:submission id="submission1" ref="" target="data:json,dataList1" action="citycode.json" method="post"
        		mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous"
        		processMsg="" ev:submit="" ev:submitdone="" ev:submiterror="" abortTrigger="">
        	</xf:submission>
        </xf:model>
        <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		$p.executeSubmission("submission1");
	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:select selectedindex="-1" id="" appearance="full" style="width:148px;height:21px;margin: 50px;" cols="" rows="" ref="">
    		<xf:choices>
    			<xf:itemset nodeset="data:dataList1">
    				<xf:label ref="City"></xf:label>
    				<xf:value ref="C_Code"></xf:value>
    			</xf:itemset>
    		</xf:choices>
    	</xf:select>
    </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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList baseNode="list" id="dataList1" repeatNode="map" saveRemovedData="true" style="">
            		<w2:columnInfo>
            			<w2:column dataType="text" id="Code" name="name1"></w2:column>
            			<w2:column dataType="text" id="City" name="name2"></w2:column>
            			<w2:column dataType="text" id="Country" name="name3"></w2:column>
            			<w2:column dataType="text" id="Type" name="name4"></w2:column>
            		</w2:columnInfo>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		var json = [
			{"Code" : "SEL", "City" : "Seoul", "Country" : "Korea", "Type" : "Domestic"},
			{"Code" : "BSN", "City" : "Busan", "Country" : "Korea", "Type" : "Domestic"},
			{"Code" : "ICN", "City" : "Incheon", "Country" : "Korea", "Type" : "Domestic"},
			{"Code" : "DJN", "City" : "Daejeon", "Country" : "Korea", "Type" : "Domestic"},
			{"Code" : "DGU", "City" : "Daegu", "Country" : "Korea", "Type" : "Domestic"},
			{"Code" : "OTW", "City" : "Ottawa", "Country" : "Canada", "Type" : "Overseas"},
			{"Code" : "LDN", "City" : "Toronto", "Country" : "Canada", "Type" : "Overseas"},
			{"Code" : "BRN", "City" : "Berlin", "Country" : "Germany", "Type" : "Overseas"},
			{"Code" : "BJG", "City" : "Beijing", "Country" : "China", "Type" : "Overseas"},
			{"Code" : "LDN", "City" : "London", "Country" : "UK", "Type" : "Overseas"},
			];
		dataList1.setJSON(json);

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:select selectedindex="-1" id="" appearance="full" style="width: 148px;height: 21px;margin: 100px;" cols="" rows="" ref="" enableColumn="Country" enableColumnFalseValue="Canada,China">
    		<xf:choices>
    			<xf:itemset nodeset="data:dataList1">
    				<xf:label ref="City"></xf:label>
    				<xf:value ref="Code"></xf:value>
    			</xf:itemset>
    		</xf:choices>
    	</xf:select>
    </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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:wframe style="position:relative;width:500px;height:280px;padding:20px;margin:100px;border:solid 1px gray;" id="" src="source.xml" processMsgFrame="true"  scope="true"
    	></w2:wframe>
    </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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" style="height:52px;margin:50px;margin-right:0px;width:250px;font-size:17px;font-family:monospace;font-style:normal;font-weight:bolder;" id="">
    		<xf:label><![CDATA[Grand Child]]></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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:wframe style="position: relative;width: 500px;height: 300px;padding: 20px;margin: 100px;border: solid 1px gray;" id="" src="source.xml" processMsgFrame="true"  scope="true"
    	></w2:wframe>
    </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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		var paramData = $p.getParameter("param");
		var data = JSON.stringify(paramData);
		alert(data);
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" style="width:147px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;top:20px;text-align:left;margin:30px;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[getParameter()]]></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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		alert("(1) main");
	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">

    <xf:group id="" style="margin: 50px;margin-top: 10px;"><w2:textbox style="width: 150px;text-align: center;height: 23px;margin: 10px;margin-bottom: 30px;background-color:#8080C0;font-size:20px;" id="" label="(1) main.xml"></w2:textbox><w2:wframe src="A.xml" style="width:400px;height:200px;border-color:green;border-style:solid;margin: 10px;" id="" initScript="">
    	</w2:wframe><w2:wframe src="C.xml" style="width:400px;height:150px;border-color:orange;border-style:solid;margin: 10px;" id="">
    	</w2:wframe></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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		alert("(3) aa1");

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox label="(3) aa1.xml" style="width: 150px;text-align: center;margin-bottom: 30px;height: 23px;margin: 10px;background-color:#C0C0C0;font-size:20px;" id=""></w2:textbox>
    </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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		alert("(2) A");
	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="" label="(2) A.xml" style="width: 150px;text-align: center;height: 23px;margin: 10px;margin-bottom: 30px;background-color:#C0C0C0;font-size:20px;"></w2:textbox><w2:wframe id="" initScript="" src="aa1.xml"
    		style="width:376px;height:50px;border-color:green;border-style:solid;margin: 10px;">
    	</w2:wframe>
    	<w2:wframe id="" style="width:376px;height:50px;border-color:green;border-style:solid;margin: 10px;"
    		src="aa2.xml">
    	</w2:wframe>

    </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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.wframe1_onbeforewframeunload = function() {
		alert("WFrame about to be unloaded!");
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:wframe style="width: 300px;height: 200px;border: solid red 3px;margin: 30px;" id="wframe1" ev:onbeforewframeunload="scwin.wframe1_onbeforewframeunload"></w2:wframe>
    </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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataMap baseNode="map" id="dataMap1">
            		<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:keyInfo>
            	</w2:dataMap>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		dataMap1.setArray(["111233", "1112", "1100"]);
	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="" label='dataType="time"' style="width:338px;padding: 10px;text-align:left;line-height:32px;height:32px;margin:50px;margin-bottom: 0px;margin-bottom:30px;background-color:#C0C0C0;font-size:17px;font-family:monospace;font-style:normal;font-weight:bolder;">
    	</w2:textbox><xf:group tagname="table" style="width:60%;margin: 50px;" id="" class="w2tb">
    		<w2:attributes>
    			<w2:summary></w2:summary>
    		</w2:attributes>
    		<xf:group tagname="caption"></xf:group>
    		<xf:group tagname="colgroup">
    			<xf:group tagname="col" style="width:50.00%;"></xf:group>
    			<xf:group tagname="col" style="width:50.00%"></xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;text-align: left;" class="w2tb_th">dateIncrementType="second"<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<w2:spinner autoFocus="" buttonSize="30" dataType="time" dateIncrementType="second" id="key1" inputReadOnly="false"
    					nextTabID="" ref="data:dataMap1.key1" skin="type1" style="position: relative;width: 150px;height: 21px;margin: 10px;">
    				</w2:spinner>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;text-align: left;" class="w2tb_th">dateIncrementType="minute"<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<w2:spinner autoFocus="" buttonSize="30" dataType="time" dateIncrementType="minute" id="key2" inputReadOnly="false"
    					nextTabID="" ref="data:dataMap1.key2" skin="type1" style="position: relative;width: 150px;margin: 10px;height: 21px;">
    				</w2:spinner>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;text-align: left;" class="w2tb_th">dateIncrementType="hour"<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<w2:spinner autoFocus="" buttonSize="30" dataType="time" dateIncrementType="hour" id="key3" inputReadOnly="false"
    					nextTabID="" ref="data:dataMap1.key3" skin="type1" style="position: relative;width: 150px;margin: 10px;height: 21px;">
    				</w2:spinner>
    			</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/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>
        <script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function() {

};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<w2:spinner skin="type1" buttonSize="30" inputReadOnly="false" id="" style="position: relative;width: 150px;height: 30px;margin: 100px;" title="Spinner_Test"></w2:spinner>
    </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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:spinner initValue="100" skin="type1" buttonSize="30" inputReadOnly="false" id="" style="position: relative;width: 200px;margin: 100px;height: 40px;"></w2:spinner>
    </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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList baseNode="list" repeatNode="map" id="dataList1" saveRemovedData="true">
            		<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>
         <script type="text/javascript" lazy="false"><![CDATA[
	scwin.onpageload = function() {
		var select = [{
			"col1" : "Asia",
			"col2" : "Asia",
			"col3" : "1"
		}, {
			"col1" : "Korea",
			"col2" : "Korea",
			"col3" : "2"
		}, {
			"col1" : "Seoul",
			"col2" : "Seoul",
			"col3" : "3"
		}, {
			"col1" : "Busan",
			"col2" : "Busan",
			"col3" : "3"
		}, {
			"col1" : "Thailand",
			"col2" : "Thailand",
			"col3" : "2"
		}, {
			"col1" : "Bangkok",
			"col2" : "Bangkok",
			"col3" : "3"
		}, {
			"col1" : "Chiang Mai",
			"col2" : "Chiang Mai",
			"col3" : "3"
		}, {
			"col1" : "Malaysia",
			"col2" : "Malaysia",
			"col3" : "2"
		}, {
			"col1" : "Vietnam",
			"col2" : "Vietnam",
			"col3" : "2"
		}, {
			"col1" : "Cambodia",
			"col2" : "Cambodia",
			"col3" : "2"
		}, {
			"col1" : "Japan",
			"col2" : "Japan",
			"col3" : "2"
		}, {
			"col1" : "China",
			"col2" : "China",
			"col3" : "2"
		}, {
			"col1" : "Mongolia",
			"col2" : "Mongolia",
			"col3" : "2"
		}, {
			"col1" : "Myanmar",
			"col2" : "Myanmar",
			"col3" : "2"
		}, {
			"col1" : "Singapore",
			"col2" : "Singapore",
			"col3" : "2"
		}, {
			"col1" : "Hong Kong",
			"col2" : "Hong Kong",
			"col3" : "2"
		}, {
			"col1" : "Europe",
			"col2" : "Europe",
			"depth" : "1"
		}, {
			"col1" : "France",
			"col2" : "France",
			"col3" : "2"
		}, {
			"col1" : "Paris",
			"col2" : "Paris",
			"col3" : "3"
		}, {
			"col1" : "Lyon",
			"col2" : "Lyon",
			"col3" : "3"
		}, {
			"col1" : "Spain",
			"col2" : "Spain",
			"col3" : "2"
		}, {
			"col1" : "Madrid",
			"col2" : "Madrid",
			"col3" : "3"
		}, {
			"col1" : "Barcelona City of Spain",
			"col2" : "Barcelona City of Spain",
			"col3" : "3"
		}];
		dataList1.setJSON(select);
	};

	scwin.onpageunload = function() {

	};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:select1 id="" chooseOption="" style="width: 148px;height: 30px;margin: 100px;margin-left: 100px;" submenuSize="auto"
    		allOption="" disabled="false" direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" depthColumn="col3" ref="" depthColumnHeight="100" depthColumnWidth="400">
    		<xf:choices>
    			<xf:itemset nodeset="data:dataList1">
    				<xf:label ref="col1"></xf:label>
    				<xf:value ref="col2"></xf:value>
    			</xf:itemset>
    		</xf:choices>
    	</xf:select1>
    </body>
</html>


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

    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList baseNode="list" id="dataList1" repeatNode="map" saveRemovedData="true" style="">
            		<w2:columnInfo>
            			<w2:column dataType="text" id="code" name="name1"></w2:column>
            			<w2:column dataType="text" id="value" name="name2"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<![CDATA[0]]>
            				<value><![CDATA[Seoul]]></value>
            			</w2:row>
            			<w2:row>
            				<![CDATA[1]]>
            				<value><![CDATA[Busan]]></value>
            			</w2:row>
            			<w2:row>
            				<![CDATA[2]]>
            				<value><![CDATA[Daejeon]]></value>
            			</w2:row>
            			<w2:row>
            				<![CDATA[3]]>
            				<value><![CDATA[Jeju]]></value>
            			</w2:row>
            			<w2:row>
            				<![CDATA[4]]>
            				<value><![CDATA[A very long long long long long long long long long name]]></value>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>

    	<xf:select1 allOption="" appearance="minimal" chooseOption="" direction="auto" disabled="false" disabledClass="w2selectbox_disabled"
    		id="select1" ref="" style="width:220px;height:49px;left:31px;margin: 100px;" submenuSize="auto" labelWidthAuto="true">
    		<xf:choices>
    			<xf:itemset nodeset="data:dataList1">
    				<xf:label ref="value"></xf:label>
    				<xf:value ref="code"></xf:value>
    			</xf:itemset>
    		</xf:choices>
    	</xf:select1>


<?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/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>
        <script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

scwin.trigger1_onclick = function (e) {
    select1.setValue("Paris");
    var index = select1.getSelectedIndex();
    alert(index);
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<xf:trigger type="button" style="width:150px;height:40px;background-color:#C0C0C0;font-size:20px;font-family:monospace;font-style:normal;font-weight:bolder;margin: 100px;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[setValue()]]></xf:label>
    	</xf:trigger>
    	<xf:select1 id="select1" chooseOption="" style="width: 200px;height: 40px;" submenuSize="auto" allOption="" disabled="false"
    		direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" ref="" valueNotInList="keepValue" emptyItem="false">
    		<xf:choices>
    			<xf:item>
    				<xf:label><![CDATA[Seoul]]></xf:label>
    				<xf:value><![CDATA[1]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Busan]]></xf:label>
    				<xf:value><![CDATA[2]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Daegu]]></xf:label>
    				<xf:value><![CDATA[3]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Jeju]]></xf:label>
    				<xf:value><![CDATA[4]]></xf:value>
    			</xf:item>
    		</xf:choices>
    	</xf:select1>
    </body>
</html>


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

    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList baseNode="list" id="dataList1" repeatNode="map" saveRemovedData="true" style="">
            		<w2:columnInfo>
            			<w2:column dataType="text" id="City" name="name1"></w2:column>
            			<w2:column dataType="text" id="Code" name="name2"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<City><![CDATA[Seoul]]></City>
            				<![CDATA[SE]]>
            			</w2:row>
            			<w2:row>
            				<City><![CDATA[Paris]]></City>
            				<![CDATA[PA]]>
            			</w2:row>
            			<w2:row>
            				<City><![CDATA[London]]></City>
            				<![CDATA[LN]]>
            			</w2:row>
            			<w2:row>
            				<City><![CDATA[Beijing]]></City>
            				<![CDATA[BJ]]>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>

    	<xf:select1 id="" chooseOption="true" style="width: 148px;height: 21px;margin: 100px;" submenuSize="auto" allOption="" disabled="false"
    		direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" chooseOptionLabel="Choose." ref="">
    		<xf:choices>
    			<xf:itemset nodeset="data:dataList1">
    				<xf:label ref="City"></xf:label>
    				<xf:value ref="Code"></xf:value>
    			</xf:itemset>
    		</xf:choices>
    	</xf:select1>


<?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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList baseNode="list" repeatNode="map" id="dataList1" saveRemovedData="true">
            		<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>
         <script type="text/javascript" lazy="false"><![CDATA[
	scwin.onpageload = function() {
		var select = [{
			"col1" : "Asia",
			"col2" : "Asia",
			"col3" : "1"
		}, {
			"col1" : "Korea",
			"col2" : "Korea",
			"col3" : "2"
		}, {
			"col1" : "Seoul",
			"col2" : "Seoul",
			"col3" : "3"
		}, {
			"col1" : "Busan",
			"col2" : "Busan",
			"col3" : "3"
		}, {
			"col1" : "Thailand",
			"col2" : "Thailand",
			"col3" : "2"
		}, {
			"col1" : "Bangkok",
			"col2" : "Bangkok",
			"col3" : "3"
		}, {
			"col1" : "Chiang Mai",
			"col2" : "Chiang Mai",
			"col3" : "3"
		}, {
			"col1" : "Europe",
			"col2" : "Europe",
			"depth" : "1"
		}, {
			"col1" : "France",
			"col2" : "France",
			"col3" : "2"
		}, {
			"col1" : "Paris",
			"col2" : "Paris",
			"col3" : "3"
		}, {
			"col1" : "Lyon",
			"col2" : "Lyon",
			"col3" : "3"
		}, {
			"col1" : "Spain",
			"col2" : "Spain",
			"col3" : "2"
		}, {
			"col1" : "Madrid",
			"col2" : "Madrid",
			"col3" : "3"
		}, {
			"col1" : "Barcelona",
			"col2" : "Barcelona",
			"col3" : "3"
		}];
		dataList1.setJSON(select);
	};

	scwin.onpageunload = function() {

	};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:select1 id="" chooseOption="" style="width: 148px;height: 30px;margin: 100px;margin-left: 200px;" submenuSize="auto" allOption="" disabled="false"
    		direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" depthColumn="col3" ref="">
    		<xf:choices>
    			<xf:itemset nodeset="data:dataList1">
    				<xf:label ref="col1"></xf:label>
    				<xf:value ref="col2"></xf:value>
    			</xf:itemset>
    		</xf:choices>
    	</xf:select1>
    </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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList baseNode="list" id="dataList1" repeatNode="map" saveRemovedData="true" style="margin: 100px;">
            		<w2:columnInfo>
            			<w2:column dataType="text" id="Code" name="name1"></w2:column>
            			<w2:column dataType="text" id="City" name="name2"></w2:column>
            			<w2:column dataType="text" id="Country" name="name3"></w2:column>
            			<w2:column dataType="text" id="Type" name="name4"></w2:column>
            		</w2:columnInfo>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		var json = [
			{"Code" : "SEL", "City" : "Seoul", "Country" : "Korea", "Type" : "Domestic"},
			{"Code" : "BSN", "City" : "Busan", "Country" : "Korea", "Type" : "Domestic"},
			{"Code" : "ICN", "City" : "Incheon", "Country" : "Korea", "Type" : "Domestic"},
			{"Code" : "DJN", "City" : "Daejeon", "Country" : "Korea", "Type" : "Domestic"},
			{"Code" : "DGU", "City" : "Daegu", "Country" : "Korea", "Type" : "Domestic"},
			{"Code" : "OTW", "City" : "Ottawa", "Country" : "Canada", "Type" : "Overseas"},
			{"Code" : "LDN", "City" : "Toronto", "Country" : "Canada", "Type" : "Overseas"},
			{"Code" : "BRN", "City" : "Berlin", "Country" : "Germany", "Type" : "Overseas"},
			{"Code" : "BJG", "City" : "Beijing", "Country" : "China", "Type" : "Overseas"},
			{"Code" : "LDN", "City" : "London", "Country" : "UK", "Type" : "Overseas"},
			];
		dataList1.setJSON(json);

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		select1.setEnableColumn("Country", "China,Canada");
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:select1 id="select1" chooseOption="" style="width: 170px;height: 21px;margin-right: 30px;margin: 100px;" submenuSize="auto"
    		allOption="" disabled="false" direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" ref="" labelWidthAuto=""
    		class="" enableColumn="" enableColumnFalseValue="" itemTooltipDisplay="" tooltip="" tooltipDisplay="" tooltipShowAlways="false">
    		<xf:choices>
    			<xf:itemset nodeset="data:dataList1">
    				<xf:label ref="City"></xf:label>
    				<xf:value ref="Code"></xf:value>
    			</xf:itemset>
    		</xf:choices>
    	</xf:select1>
    	<xf:trigger type="button" style="width:125px;height:23px;line-height:25px;padding:1px;background-color:#C0C0C0;font-size:10px;font-family:monospace;font-style:normal;font-weight:bolder;margin-left:0px;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[setEnableColumn()]]></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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.fn_msg = function(){
    var invalidType = this.getType();  // invalid type
    var invalidValue = this.getValue(); // invalid value
    switch (invalidType) {
			case "mandatory" :
				msg = "Select your favorit city.";
				break;
			default :
				msg = "Enter again.";
				break;
		}

		alert(msg);
		// return msg;
    }

	scwin.trigger1_onclick = function(e) {
		select1.validate();
		// alert(result);
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:select1 id="select1" chooseOption="true" style="height: 30px;margin: 50px;width: 200px;" submenuSize="auto" allOption=""
    		disabled="false" direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" ref="" mandatory="true"
    		chooseOptionLabel="Select a city." displaymessage="true" invalidMessage="" invalidMessageFunc="scwin.fn_msg">
    		<xf:choices>
    			<xf:item>
    				<xf:label><![CDATA[Seoul]]></xf:label>
    				<xf:value><![CDATA[1]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[New York]]></xf:label>
    				<xf:value><![CDATA[2]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Paris]]></xf:label>
    				<xf:value><![CDATA[3]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[London]]></xf:label>
    				<xf:value><![CDATA[4]]></xf:value>
    			</xf:item>
    		</xf:choices>
    	</xf:select1>
    	<xf:trigger type="button" style="width: 200px;height: 30px;margin-left: 50px;font-size: 20px;font-family: consolas;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[validate();]]></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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		select1.setDelimiter(" || ");
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="padding-left: 100px;padding-top: 30px;"><xf:select1 submenuSize="auto" ref="" appearance="minimal" disabledClass="w2selectbox_disabled" delimiter=" - " chooseOption="" style="width: 150px;height: 25px;" disabled="false" id="select1" allOption="" displayMode="label delim value" direction="auto">
    		<xf:choices>
    			<xf:item>
    				<xf:label><![CDATA[Twenties]]></xf:label>
    				<xf:value><![CDATA[20]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Thirties]]></xf:label>
    				<xf:value><![CDATA[30]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Fourties]]></xf:label>
    				<xf:value><![CDATA[40]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Fifties]]></xf:label>
    				<xf:value><![CDATA[50]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Sixties]]></xf:label>
    				<xf:value><![CDATA[60]]></xf:value>
    			</xf:item>
    		</xf:choices>
    	</xf:select1><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width: 150px;height: 25px;margin-left:30px;" id="trigger1" type="button">
    		<xf:label><![CDATA[setDelimiter()]]></xf:label>
    	</xf:trigger></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>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

scwin.onpageload = function () {

};

scwin.onpageunload = function () {

};

scwin.trigger1_onclick = function (e) {
	var count = input1.getValue();
	for (var i = 0; i < count; i++) {
		generator1.insertChild(i);
	}
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:group id="" style="margin: 50px;">
    		<xf:input adjustMaxLength="false" style="width:150px;height:21px;" id="input1"></xf:input>
    		<xf:trigger ev:onclick="scwin.trigger1_onclick" style="width: 100px;height: 23px;margin-left: 50px;" id="trigger1"
    			type="button">
    			<xf:label><![CDATA[insertChild()]]></xf:label>
    		</xf:trigger>
    		<w2:generator style="width: 300px;height: 100px;margin-top: 50px;" id="generator1">
    		<xf:group id="" style="padding-bottom: 20px;"><xf:input adjustMaxLength="false" style="width: 144px;height: 21px;" id="" placeholder="Enter name."></xf:input><xf:trigger style="width: 80px;height: 23px;margin-left: 50px;" id="" type="button">
    				<xf:label><![CDATA[Click]]></xf:label>
    			</xf:trigger></xf:group></w2:generator>
    	</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>DEFAULT</w2:type>
    	<w2:buildDate />
    	<xf:model>
    		<xf:instance>
    			<data xmlns="" />
    		</xf:instance>
    		<w2:dataCollection baseNode="map">
    			<w2:dataList baseNode="list" repeatNode="map" id="dataList1" saveRemovedData="true">
    				<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:columnInfo>
    			</w2:dataList>
    		</w2:dataCollection>
    		<w2:workflowCollection></w2:workflowCollection>
    	</xf:model>
    	<script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		var data = [];
                var row = 10;
                var col = 6;
                for (var i = 0; i < row; i++) {
                    for (var j = 0; j < col; j++) {
                        var t = Math.floor(i / 5);
                        data.push(t * 100 + j * (t+1));
                    }
                }
                dataList1.setData(data);
	};

	scwin.onpageunload = function() {

	};

	scwin.styleFormatter = function(value, formattedValue, subtotalColumnId) {
                if (subtotalColumnId == "column16" || subtotalColumnId == "column18" || subtotalColumnId == "column20" ) {
                    return "w2subtotalformatted";
                } else {
                    return "w2subtotalnotformatted";
                }
	};

	]]></script>
    	<style type="text/css"><![CDATA[.w2subtotalformatted {
                color : red; font-size: 20px;
            }
            .w2subtotalnotformatted {
                color : gray; font-size: 20px;
            } ]]></style>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView id="" style="width: 600px;height: 30%;margin: 100px;margin-top: 20px;" checkAllType="false" scrollByColumn="false" defaultCellHeight="20"
    		scrollByColumnAdaptive="false" dataList="data:dataList1" rowNumVisible="true" autoFit="allColumn" subtotalStyleFormatter="scwin.styleFormatter" visibleRowNum="10">
    		<w2:caption style="" id="caption2" value="this is a grid caption."></w2:caption>
    		<w2:header style="" id="header2">
    			<w2:row style="" id="row4">
    				<w2:column width="70" inputType="text" style="height:20px" id="column9" value="name1" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column8" value="name2" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column7" value="name3" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column6" value="name4" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column5" value="name5" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column4" value="name6" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody2">
    			<w2:row style="" id="row5">
    				<w2:column width="70" inputType="text" style="height:20px" id="col1" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col2" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col3" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col4" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col5" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col6" value="" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:gBody>
    		<w2:subTotal targetColumnID="" style="" id="subTotal2">
    			<w2:row style="" id="row6">
    				<w2:column width="70" inputType="expression" style="height:20px" id="column21" value="" displayMode="label" expression="sum('col1')*10"></w2:column>
    				<w2:column width="70" inputType="expression" style="height:20px" id="column20" value="" displayMode="label" expression="sum('col2')"></w2:column>
    				<w2:column width="70" inputType="expression" style="height:20px" id="column19" value="" displayMode="label" expression="sum('col3')*2"></w2:column>
    				<w2:column width="70" inputType="expression" style="height:20px" id="column18" value="" displayMode="label" expression="sum('col4')"></w2:column>
    				<w2:column width="70" inputType="expression" style="height:20px" id="column17" value="" displayMode="label" expression="sum('col5')*3"></w2:column>
    				<w2:column width="70" inputType="expression" style="height:20px" id="column16" value="" displayMode="label" expression="sum('col6')"></w2:column>
    			</w2:row>
    		</w2:subTotal>
    	</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>DEFAULT</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:data>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            			<w2:row></w2:row>
            		</w2:data>
            		<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:columnInfo>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

    scwin.group = 5;
    scwin.toggleRow = {};
	scwin.onpageload = function() {
        var data = [];
        for (var i = 0; i < 100; i++) {
            for (var j = 0; j < 6; j++) {
                if (j === 2) {
                    data.push(i + "_" + j);
                } else {
                    data.push(Math.floor(j / 2) * 100 + Math.floor(i / (j+scwin.group)));
                }
                //data.push(j * 100 + (i % 5));
            }
        }
		dataList1.setData(data);
	};

	scwin.onpageunload = function() {

	};

    scwin.trigger1_onclick = function() {
        gridView1.setSubtotalVisible(false);
    }

    scwin.trigger2_onclick = function() {
        gridView1.setSubtotalVisible(true);
    }

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
        <xf:trigger type="button" id="trigger1" style="width: 300px;height: 30px;margin: 20px;font: 20px bolder;" ev:onclick="scwin.trigger1_onclick">
            <xf:label><![CDATA[setSubtotalVisible(false);]]></xf:label>
        </xf:trigger><xf:trigger type="button" id="trigger2" style="width: 300px;height: 30px;margin: 20px;font: 20px bolder;display: block" ev:onclick="scwin.trigger2_onclick">
            <xf:label><![CDATA[setSubtotalVisible(true);]]></xf:label>
        </xf:trigger><w2:gridView dataList="data:dataList1" scrollByColumn="false" defaultCellHeight="20" scrollByColumnAdaptive="false" id="gridView1"
    		style="position:relative;width:550px;height:400px;margin: 20px;" rowNumVisible="true" visibleRowNum="">
    		<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="column13" removeBorderStyle="false" style="" inputType="text" width="130"
    					value="Type" displayMode="label">
    				</w2:column>
    				<w2:column blockSelect="false" id="column11" removeBorderStyle="false" style="" inputType="text" width="70"
    					value="" displayMode="label">
    				</w2:column>
    				<w2:column blockSelect="false" id="column9" removeBorderStyle="false" style="" inputType="text" width="70" value="Category"
    					displayMode="label">
    				</w2:column>
    				<w2:column blockSelect="false" id="column7" removeBorderStyle="false" style="" inputType="text" width="70" value="AAA"
    					displayMode="label">
    				</w2:column>
    				<w2:column blockSelect="false" id="column5" removeBorderStyle="false" style="" inputType="text" width="70" value="BBB"
    					displayMode="label">
    				</w2:column>
    				<w2:column blockSelect="false" id="column3" removeBorderStyle="false" style="" width="70" inputType="text" value="CCC"
    					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="130" value=""
    					displayMode="label" colMerge="">
    				</w2:column>
    				<w2:column blockSelect="false" id="col2" removeBorderStyle="false" style="" inputType="text" width="70" value=""
    					displayMode="label" colMerge="">
    				</w2:column>
    				<w2:column blockSelect="false" id="col3" removeBorderStyle="false" style="" inputType="text" width="70" value=""
    					displayMode="label" colMerge="">
    				</w2:column>
    				<w2:column blockSelect="false" id="col4" removeBorderStyle="false" style="" inputType="text" width="70" value=""
    					displayMode="label" colMerge="">
    				</w2:column>
    				<w2:column blockSelect="false" id="col5" removeBorderStyle="false" style="" inputType="text" width="70" value=""
    					displayMode="label" colMerge="">
    				</w2:column>
    				<w2:column blockSelect="false" id="col6" removeBorderStyle="false" style="" width="70" inputType="text" value=""
    					displayMode="label" colMerge="">
    				</w2:column>
    			</w2:row>
    		</w2:gBody>
    		<w2:subTotal id="subTotal1" style="" targetColumnID="col1">
    			<w2:row id="row5" style="">
    				<w2:column blockSelect="false" id="column20" removeBorderStyle="false" style="" width="130" inputType="expression"
    					value="" displayMode="label" expression="SUM('col1')">
    				</w2:column>
    				<w2:column blockSelect="false" id="column19" removeBorderStyle="false" style="" width="70" inputType="expression"
    					value="" displayMode="label" expression="SUM('col2')">
    				</w2:column>
    				<w2:column blockSelect="false" id="column18" removeBorderStyle="false" style="" width="70" inputType="expression"
    					value="" displayMode="label">
    				</w2:column>
    				<w2:column blockSelect="false" id="column17" removeBorderStyle="false" style="" width="70" inputType="expression"
    					value="" displayMode="label" expression="SUM('col4')">
    				</w2:column>
    				<w2:column blockSelect="false" id="column16" removeBorderStyle="false" style="" width="70" inputType="expression"
    					value="" displayMode="label" expression="SUM('col5')">
    				</w2:column>
    				<w2:column blockSelect="false" id="column15" removeBorderStyle="false" style="" width="70" inputType="expression"
    					value="" displayMode="label" expression="SUM('col6')">
    				</w2:column>
    			</w2:row>
    		</w2:subTotal>
    	</w2:gridView>

    </body>
</html>


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

    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList baseNode="list" id="dataList1" repeatNode="map" saveRemovedData="true" style="">
            		<w2:columnInfo>
            			<w2:column id="Check" name="Check" dataType="text"></w2:column>
            			<w2:column dataType="text" id="ID" name="ID"></w2:column>
            			<w2:column dataType="text" id="Age" name="Age"></w2:column>
            			<w2:column dataType="text" id="Status" name="Status"></w2:column>
            			<w2:column dataType="text" id="Income" name="Income"></w2:column>
            			<w2:column dataType="text" id="Expense" name="Expense"></w2:column>

            			<w2:column dataType="text" id="Hobby" name="Hobby"></w2:column>

            			<w2:column dataType="text" id="Region" name="Region"></w2:column>
            			<w2:column dataType="text" id="Frequency" name="Frequency"></w2:column>

            			<w2:column dataType="text" id="Date" name="Date"></w2:column>
            		</w2:columnInfo>
            	</w2:dataList>
            	<w2:dataList baseNode="list" repeatNode="map" id="dataList2" saveRemovedData="true">
            		<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:data use="true">
            			<w2:row>
            				<![CDATA[Single]]>
            				<value><![CDATA[Single]]></value>
            			</w2:row>
            			<w2:row>
            				<![CDATA[Divorced]]>
            				<value><![CDATA[Divorced]]></value>
            			</w2:row>
            			<w2:row>
            				<![CDATA[Married]]>
            				<value><![CDATA[Married]]></value>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>

    	<xf:group id="" style="padding: 30px;">
    		<w2:gridView autoFit="allColumn" checkAllType="false" dataList="data:dataList1" defaultCellHeight="20" id="gridView1" rowNumVisible=""
    			scrollByColumn="false" scrollByColumnAdaptive="false" style="height: 300px;margin-top: 50px;" visibleRowNum="13">
    			<w2:caption style="" id="caption2" value="this is a grid caption."></w2:caption>
    			<w2:header style="" id="header2">
    				<w2:row style="" id="row3">
    					<w2:column width="70" inputType="text" style="height:20px" id="column21" value="Check" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column20" value="ID" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column19" value="Age" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column18" value="Status" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column17" value="Income" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column16" value="Expense" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column15" value="Hobby" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column14" value="Region" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column13" value="Frequency" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column12" value="Date" displayMode="label"></w2:column>
    				</w2:row>
    			</w2:header>
    			<w2:gBody style="" id="gBody2">
    				<w2:row style="" id="row4">
    					<w2:column width="70" inputType="checkbox" style="height:20px" id="Check" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="ID" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="Age" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="select" style="height:20px" id="Status" value="" displayMode="label" allOption=""
    						chooseOption="" ref="">
    						<w2:choices>
    							<w2:itemset nodeset="data:dataList2">
    								<w2:label ref="label"></w2:label>
    								<w2:value ref="value"></w2:value>
    							</w2:itemset>
    						</w2:choices>
    					</w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="Income" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="Expense" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="Hobby" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="Region" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="Frequency" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="Date" value="" displayMode="label"></w2:column>
    				</w2:row>
    			</w2:gBody>
    		</w2:gridView>
    	</xf:group>


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

    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList baseNode="list" repeatNode="map" id="dataList1" saveRemovedData="true">
            		<w2:columnInfo>
            			<w2:column id="select" name="select" dataType="text"></w2:column>
            			<w2:column id="autoComplete" name="autoComplete" dataType="text"></w2:column>
            			<w2:column id="checkcombobox" name="checkcombobox" dataType="text"></w2:column>
            			<w2:column id="text" name="text" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<select><![CDATA[001]]></select>
            				<autoComplete><![CDATA[001]]></autoComplete>
            				<checkcombobox><![CDATA[001]]></checkcombobox>
            				<text><![CDATA[001]]></text>
            			</w2:row>
            			<w2:row>
            				<select><![CDATA[002]]></select>
            				<autoComplete><![CDATA[002]]></autoComplete>
            				<checkcombobox><![CDATA[002]]></checkcombobox>
            				<text><![CDATA[002]]></text>
            			</w2:row>
            			<w2:row>
            				<select><![CDATA[003]]></select>
            				<autoComplete><![CDATA[003]]></autoComplete>
            				<checkcombobox><![CDATA[003]]></checkcombobox>
            				<text><![CDATA[003]]></text>
            			</w2:row>
            			<w2:row>
            				<select><![CDATA[004]]></select>
            				<autoComplete><![CDATA[004]]></autoComplete>
            				<checkcombobox><![CDATA[004]]></checkcombobox>
            				<text><![CDATA[004]]></text>
            			</w2:row>
            			<w2:row>
            				<select><![CDATA[005]]></select>
            				<autoComplete><![CDATA[005]]></autoComplete>
            				<checkcombobox><![CDATA[005]]></checkcombobox>
            				<text><![CDATA[005]]></text>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            	<w2:dataList baseNode="list" repeatNode="map" id="select" saveRemovedData="true">
            		<w2:columnInfo>
            			<w2:column id="label" name="name2" dataType="text"></w2:column>
            			<w2:column id="value" name="name2" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<![CDATA[Bangkok]]>
            				<value><![CDATA[001]]></value>
            			</w2:row>
            			<w2:row>
            				<![CDATA[Danang]]>
            				<value><![CDATA[002]]></value>
            			</w2:row>
            			<w2:row>
            				<![CDATA[Hanoi]]>
            				<value><![CDATA[003]]></value>
            			</w2:row>
            			<w2:row>
            				<![CDATA[Seoul]]>
            				<value><![CDATA[004]]></value>
            			</w2:row>
            			<w2:row>
            				<![CDATA[Tokyo]]>
            				<value><![CDATA[005]]></value>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            	<w2:dataList baseNode="list" repeatNode="map" id="autoComplete" saveRemovedData="true">
            		<w2:columnInfo>
            			<w2:column id="label" name="name1" dataType="text"></w2:column>
            			<w2:column id="value" name="name2" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<value><![CDATA[001]]></value>
            				<![CDATA[Thailand]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[002]]></value>
            				<![CDATA[Vietnam]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[003]]></value>
            				<![CDATA[Vietnam]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[004]]></value>
            				<![CDATA[Korea]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[005]]></value>
            				<![CDATA[Japan]]>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            	<w2:dataList baseNode="list" repeatNode="map" id="checkcombobox" saveRemovedData="true">
            		<w2:columnInfo>
            			<w2:column id="label" name="name1" dataType="text"></w2:column>
            			<w2:column id="value" name="name2" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<value><![CDATA[001]]></value>
            				<![CDATA[Asia]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[002]]></value>
            				<![CDATA[Asia]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[003]]></value>
            				<![CDATA[Asia]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[004]]></value>
            				<![CDATA[Asia]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[005]]></value>
            				<![CDATA[Asia]]>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>

    <xf:group id="" style="padding: 50px;padding-bottom: 20px;">
    	<w2:gridView scrollByColumnAdaptive="false" dataList="data:dataList1" style="width: 600px;height: 150px;" scrollByColumn="false" id="gridview1" autoFit="allColumn" defaultCellHeight="20" copyOption="display" cellStatusVisible="true">
    		<w2:caption style="" id="caption1" value="this is a grid caption."></w2:caption>
    		<w2:header style="" id="header1">
    			<w2:row style="" id="row1">
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column4" value="select" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column3" value="autoComplete" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column2" value="checkcombobox" blockSelect="false" displayMode="label">
    				</w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody1">
    			<w2:row style="" id="row2">
    				<w2:column chooseOptionLabel="Select." ref="" removeBorderStyle="false" chooseOption="" width="70" inputType="select" style="height:20px" id="select" allOption="" value="" blockSelect="false" displayMode="label delim value" copyOption="" displayType="" delimiter=" - " viewType="">
    					<w2:choices>
    						<w2:itemset nodeset="data:select">
    							<w2:label ref="label"></w2:label>
    							<w2:value ref="value"></w2:value>
    						</w2:itemset>
    					</w2:choices>
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="autoComplete" style="height:20px" id="autoComplete" value="" blockSelect="false" displayMode="label delim value" allOption="" chooseOption="" ref="" viewType="icon">
    					<w2:choices>
    						<w2:itemset nodeset="data:autoComplete">
    							<w2:label ref="label"></w2:label>
    							<w2:value ref="value"></w2:value>
    						</w2:itemset>
    					</w2:choices>
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="checkcombobox" style="height:20px" id="checkcombobox" value="" blockSelect="false" displayMode="label delim value" allOption="" chooseOption="" ref="" delimiter=" - " viewType="icon">
    					<w2:choices>
    						<w2:itemset nodeset="data:checkcombobox">
    							<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><xf:trigger type="button" id="trigger1" style="width:149px;height:40px;margin-left:50px;padding:5px;line-height:32px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[setDelimiter()]]></xf:label>
    	</xf:trigger>


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

    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList baseNode="list" repeatNode="map" id="dataList1" saveRemovedData="true">
            		<w2:columnInfo>
            			<w2:column id="select" name="select" dataType="text"></w2:column>
            			<w2:column id="autoComplete" name="autoComplete" dataType="text"></w2:column>
            			<w2:column id="checkcombobox" name="checkcombobox" dataType="text"></w2:column>
            			<w2:column id="text" name="text" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<select><![CDATA[001]]></select>
            				<autoComplete><![CDATA[001]]></autoComplete>
            				<checkcombobox><![CDATA[001]]></checkcombobox>
            				<text><![CDATA[001]]></text>
            			</w2:row>
            			<w2:row>
            				<select><![CDATA[002]]></select>
            				<autoComplete><![CDATA[002]]></autoComplete>
            				<checkcombobox><![CDATA[002]]></checkcombobox>
            				<text><![CDATA[002]]></text>
            			</w2:row>
            			<w2:row>
            				<select><![CDATA[003]]></select>
            				<autoComplete><![CDATA[003]]></autoComplete>
            				<checkcombobox><![CDATA[003]]></checkcombobox>
            				<text><![CDATA[003]]></text>
            			</w2:row>
            			<w2:row>
            				<select><![CDATA[004]]></select>
            				<autoComplete><![CDATA[004]]></autoComplete>
            				<checkcombobox><![CDATA[004]]></checkcombobox>
            				<text><![CDATA[004]]></text>
            			</w2:row>
            			<w2:row>
            				<select><![CDATA[005]]></select>
            				<autoComplete><![CDATA[005]]></autoComplete>
            				<checkcombobox><![CDATA[005]]></checkcombobox>
            				<text><![CDATA[005]]></text>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            	<w2:dataList baseNode="list" repeatNode="map" id="select" saveRemovedData="true">
            		<w2:columnInfo>
            			<w2:column id="label" name="name2" dataType="text"></w2:column>
            			<w2:column id="value" name="name2" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<![CDATA[Bangkok]]>
            				<value><![CDATA[001]]></value>
            			</w2:row>
            			<w2:row>
            				<![CDATA[Danang]]>
            				<value><![CDATA[002]]></value>
            			</w2:row>
            			<w2:row>
            				<![CDATA[Hanoi]]>
            				<value><![CDATA[003]]></value>
            			</w2:row>
            			<w2:row>
            				<![CDATA[Seoul]]>
            				<value><![CDATA[004]]></value>
            			</w2:row>
            			<w2:row>
            				<![CDATA[Tokyo]]>
            				<value><![CDATA[005]]></value>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            	<w2:dataList baseNode="list" repeatNode="map" id="autoComplete" saveRemovedData="true">
            		<w2:columnInfo>
            			<w2:column id="label" name="name1" dataType="text"></w2:column>
            			<w2:column id="value" name="name2" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<value><![CDATA[001]]></value>
            				<![CDATA[Thailand]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[002]]></value>
            				<![CDATA[Vietnam]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[003]]></value>
            				<![CDATA[Vietnam]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[004]]></value>
            				<![CDATA[Korea]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[005]]></value>
            				<![CDATA[Japan]]>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            	<w2:dataList baseNode="list" repeatNode="map" id="checkcombobox" saveRemovedData="true">
            		<w2:columnInfo>
            			<w2:column id="label" name="name1" dataType="text"></w2:column>
            			<w2:column id="value" name="name2" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<value><![CDATA[001]]></value>
            				<![CDATA[Asia]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[002]]></value>
            				<![CDATA[Asia]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[003]]></value>
            				<![CDATA[Asia]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[004]]></value>
            				<![CDATA[Asia]]>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[005]]></value>
            				<![CDATA[Asia]]>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>

    <xf:group id="" style="padding: 100px;"><w2:textbox style="width:600px;padding: 5px;line-height:32px;height:32px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;margin-bottom: 30px;" id="" label='inputType = "select" / "autoComplete" / "checkcombobox" / "text"'>
    	</w2:textbox><w2:gridView scrollByColumnAdaptive="false" dataList="data:dataList1" style="width: 600px;height: 150px;" scrollByColumn="false" id="" autoFit="allColumn" defaultCellHeight="20" copyOption="display">
    		<w2:caption style="" id="caption1" value="this is a grid caption."></w2:caption>
    		<w2:header style="" id="header1">
    			<w2:row style="" id="row1">
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column4" value="select" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column3" value="autoComplete" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column2" value="checkcombobox" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column1" value="text" blockSelect="false" displayMode="label">
    				</w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody1">
    			<w2:row style="" id="row2">
    				<w2:column chooseOptionLabel="Select." ref="" removeBorderStyle="false" chooseOption="" width="70" inputType="select"
    					style="height:20px" id="select" allOption="" value="" blockSelect="false" displayMode="label delim value" copyOption="" displayType="" delimiter=" - " viewType="">
    					<w2:choices>
    						<w2:itemset nodeset="data:select">
    							<w2:label ref="label"></w2:label>
    							<w2:value ref="value"></w2:value>
    						</w2:itemset>
    					</w2:choices>
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="autoComplete" style="height:20px" id="autoComplete" value=""
    					blockSelect="false" displayMode="label delim value" allOption="" chooseOption="" ref="" viewType="icon">
    					<w2:choices>
    						<w2:itemset nodeset="data:autoComplete">
    							<w2:label ref="label"></w2:label>
    							<w2:value ref="value"></w2:value>
    						</w2:itemset>
    					</w2:choices>
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="checkcombobox" style="height:20px" id="checkcombobox"
    					value="" blockSelect="false" displayMode="label delim value" allOption="" chooseOption="" ref="" delimiter=" - " viewType="icon">
    					<w2:choices>
    						<w2:itemset nodeset="data:checkcombobox">
    							<w2:label ref="label"></w2:label>
    							<w2:value ref="value"></w2:value>
    						</w2:itemset>
    					</w2:choices>
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="text" value="" blockSelect="false" displayMode="label">
    				</w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView></xf:group>