<?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" userData1="Default userData1" userData2="12345" userData3="67890">
    				<w2:columnInfo>
    					<w2:column id="col1" name="name1" dataType="text"></w2:column>
    					<w2:column id="col2" name="name2" dataType="text"></w2:column>
    					<w2:column id="col3" name="name3" dataType="text"></w2:column>
    					<w2:column id="col4" name="name4" dataType="text"></w2:column>
    					<w2:column id="col5" name="name5" dataType="text"></w2:column>
    				</w2:columnInfo>
    			</w2:dataList>
    		</w2:dataCollection>
    		<w2:workflowCollection></w2:workflowCollection>
    	</xf:model>
    	<script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		var json1 = [
	            {"col1": "1", "col2": "3", "col3": "8", "col4": "2", "col5": "4"},
	            {"col1": "3", "col2": "5", "col3": "7", "col4": "3", "col5": "5"},
	            {"col1": "2", "col2": "7", "col3": "6", "col4": "2", "col5": "1"},
	            {"col1": "4", "col2": "9", "col3": "5", "col4": "3", "col5": "5"},
	            {"col1": "5", "col2": "1", "col3": "4", "col4": "4", "col5": "5"},
	            {"col1": "6", "col2": "2", "col3": "3", "col4": "5", "col5": "1"}
	            ];
	     dataList1.setJSON( json1 );
	   };

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		 dataList1.setUserData("userData3", "This is userData3.");
	};

	scwin.trigger2_onclick = function(e) {
		alert(dataList1.getUserData("userData3"));
	};
	]]></script>
    	<style type="text/css"><![CDATA[

    	.gridBodyDefault button {
           width: 50px !important;
        }
    	 ]]></style>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="margin: 50px;"><w2:gridView ev:oncellclick="scwin.gridView1_oncellclick" scrollByColumnAdaptive="false" editModeEvent="onclick" rowNumVisible="true" scrollByColumn="false" sortable="true" ignoreNonEditableCellTabEnter="" userData1="gridView userData1 : 1111" defaultCellHeight="30" editModeEventIcon="" setCellInputTypeCustom="" rowStatusVisible="" contextMenu="true" dataList="data:dataList1" keyMoveEditMode="true" style="width:547px;height:231px;" moveKeyEditModeAll="" enterKeyMove="down" id="gridView1" ignoreNonEditableCell="">
    		<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="column9" value="col1" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column7" value="col2" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column5" value="col3" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column3" value="col4" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column1" sortable="" value="col5" blockSelect="false" displayMode="label">
    				</w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody1">
    			<w2:row style="" id="row2">
    				<w2:column removeBorderStyle="false" dataType="" width="70" inputType="button" style="height:20px" id="col1" value="" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="" style="height:20px" imageSrc="" userData2="" id="col2" userData1="" value="" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="" style="height:20px" imageSrc="" id="col3" value="" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="" style="height:20px" imageSrc="" id="col4" value="" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column expression="sum('col1', 'col2', 'col3', 'col4')" removeBorderStyle="false" dataType="number" width="70" displayFormat="#,###,###" inputType="expression" style="height:20px" id="col5" sortable="true" value="" blockSelect="false" displayMode="label">
    				</w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width:248px;height:32px;padding:5px;line-height:32px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;margin-top: 10px;display: block" id="trigger1" type="button">
    		<xf:label><![CDATA[setUserData()]]></xf:label>
    	</xf:trigger><xf:trigger ev:onclick="scwin.trigger2_onclick" style="width:248px;height:32px;padding:5px;line-height:32px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;margin-top: 10px;" id="trigger2" type="button">
    		<xf:label><![CDATA[getUserData()]]></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:dataList baseNode="list" id="dataList1" repeatNode="map" saveRemovedData="true" style="">
        			<w2:columnInfo>
        				<w2:column dataType="text" id="col1" name="Continent"></w2:column>
        				<w2:column dataType="text" id="col2" name="Country"></w2:column>
        				<w2:column dataType="text" id="col3" name="Item"></w2:column>
        				<w2:column dataType="text" id="col4" name="Quantity"></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 = [
		{ "col1": "Asia", "col2": "Korea", "col3": "TV", "col4": "400" },
		{ "col1": "Asia", "col2": "Korea", "col3": "Freezer", "col4": "300" },
		{ "col1": "Asia", "col2": "Korea", "col3": "Washer", "col4": "100" },
		{ "col1": "Asia", "col2": "Korea", "col3": "Heater", "col4": "250" },
		{ "col1": "Asia", "col2": "China", "col3": "TV", "col4": "400" },
		{ "col1": "Asia", "col2": "China", "col3": "Freezer", "col4": "300" },
		{ "col1": "Asia", "col2": "China", "col3": "Washer", "col4": "100" },
		{ "col1": "Asia", "col2": "Japan", "col3": "TV", "col4": "100" },
		{ "col1": "Asia", "col2": "Japan", "col3": "Freezer", "col4": "300" },
		{ "col1": "Asia", "col2": "Japan", "col3": "Washer", "col4": "200" },
		{ "col1": "Europe", "col2": "Germany", "col3": "TV", "col4": "100" },
		{ "col1": "Europe", "col2": "Germany", "col3": "Freezer", "col4": "300" },
		{ "col1": "Europe", "col2": "Germany", "col3": "Washer", "col4": "200" },
		{ "col1": "Europe", "col2": "France", "col3": "TV", "col4": "100" },
		{ "col1": "Europe", "col2": "France", "col3": "Freezer", "col4": "300" },
		{ "col1": "Europe", "col2": "France", "col3": "Washer", "col4": "200" },
		{ "col1": "Europe", "col2": "Denmark", "col3": "TV", "col4": "100" },
		{ "col1": "Europe", "col2": "Denmark", "col3": "Freezer", "col4": "300" },
		{ "col1": "Europe", "col2": "Denmark", "col3": "Washer", "col4": "200" },
		{ "col1": "Americas", "col2": "Canada", "col3": "TV", "col4": "100" },
		{ "col1": "Americas", "col2": "Canada", "col3": "Freezer", "col4": "300" },
		{ "col1": "Americas", "col2": "Canada", "col3": "Washer", "col4": "200" },
		{ "col1": "Americas", "col2": "USA", "col3": "TV", "col4": "100" },
		{ "col1": "Americas", "col2": "USA", "col3": "Freezer", "col4": "300" },
		{ "col1": "Americas", "col2": "USA", "col3": "Washer", "col4": "200" },
		{ "col1": "Americas", "col2": "Mexico", "col3": "TV", "col4": "100" },
		{ "col1": "Americas", "col2": "Mexico", "col3": "Freezer", "col4": "300" },
		{ "col1": "Americas", "col2": "Mexico", "col3": "Washer", "col4": "200" }
	];
	dataList1.setJSON(json);
};

scwin.onpageunload = function () {

};

scwin.trigger1_onclick = function (e) {
	dataList1.setColumnFilter(
		{ type: 'regExp', colIndex: 'col3', key:/Freezer|TV/gi, condition: 'and'}
	);

};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" id="trigger1" style='width:209px;height:30px;margin-left:20px;margin-top: 20px;margin-bottom:0px;font-family:consolas;font-weight: bolder;font-size: 13px;background-color: lightblue;' ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[dataList1.setColumnFilter()]]></xf:label>
    	</xf:trigger><w2:gridView id="gridView1" style="width: 70%;height: 50%;margin: 20px;" scrollByColumn="false" defaultCellHeight="20"
    		scrollByColumnAdaptive="false" dataList="data:dataList1" autoFit="allColumn" dataDragSelect="" useShiftKey="true" dataDragDrop="true"
    		useCtrlKey="" useCtrlOnMultisort="" dataDragDropStatus="true" cellStatusVisible="true" cellStatusIconPosition="left"
    		hammerEnabled="true" contextMenu="true" focusFlow="linear" selectedCellColor="lightgreen" focusMode="none" selectedRowColor="pink"
    		visibleRowNum="30" visibleRowNumFix="true" useFilterList="true">
    		<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="" id="column11" value="Continent" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="" id="column10" value="Country" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="" id="column9" value="Item" displayMode="label" useFilter="true"></w2:column>
    				<w2:column width="70" inputType="text" style="" id="column8" value="Quantity" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody2">
    			<w2:row style="" id="row4">
    				<w2:column width="70" inputType="" style="" id="col1" value="" displayMode="label" useFilter="true"></w2:column>
    				<w2:column width="70" inputType="text" style="" id="col2" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="" id="col3" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="" id="col4" value="" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>

    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>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="width:90%;margin: 20px;margin-top: 100px;" 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="" class="w2tb_th">Anchor<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<w2:anchor outerDiv="false" style="width:100px;height:23px;color:red;" id="" useLocale="true" localeRef="anchor">
    					<xf:label><![CDATA[ ]]></xf:label>
    				</w2:anchor>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="" class="w2tb_th">Output<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<xf:output label="" style="width: 150px;height: 23px;border: black solid 1px;color: red;" id="" useLocale="true" localeRef="output">
    					<xf:label><![CDATA[]]></xf:label>
    				</xf:output>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="" class="w2tb_th">Span<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<w2:span label="" style="color: red;" id="" useLocale="true" localeRef="span"></w2:span>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="" class="w2tb_th">TextBox<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<w2:textbox id="" label="" style="width: 150px;height: 23px;border: black solid 1px;color: red;" useLocale="true" localeRef="textbox"></w2:textbox>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="" class="w2tb_th">Trigger<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<xf:trigger type="button" style="width: 80px;height: 23px;color: red;" id="" localeRef="trigger" useLocale="true">
    					<xf:label><![CDATA[]]></xf:label>
    				</xf:trigger>
    			</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="col1" name="name1" dataType="text"></w2:column>
            			<w2:column id="col2" name="name2" dataType="text"></w2:column>
            		</w2:columnInfo>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
        <style>

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

	scwin.onpageload = function() {
		dataList1.setData([1,'a',2,'b',3,'c',4,'d',5,'e']);
	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<!-- need useLocale property -->
    	<xf:group tagname="table" style="width:50%;" 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:13.00%;"></xf:group>
    			<xf:group tagname="col" style="width:29.00%;"></xf:group>
    		</xf:group>
            <xf:group tagname="tr" style="">
                <xf:group tagname="th" style="" class="w2tb_th">Anchor<w2:attributes>
                        <w2:scope>row</w2:scope>
                    </w2:attributes></xf:group>
                <xf:group tagname="td" style="padding: 10px;" class="w2tb_td">
                    <w2:anchor id="" style="color: red;" toolTip="anchor" outerDiv="false" class="" localeRef="anchor" tooltipLocaleRef="tooltip" useLocale="true" tooltipFormatter="" tooltip="Test for multi-language">
                        <xf:label><![CDATA[]]></xf:label>
                    </w2:anchor>
                </xf:group>
            </xf:group>
            <xf:group tagname="tr" style="">
                <xf:group tagname="th" style="" class="w2tb_th">CheckBox<w2:attributes>
                        <w2:scope>row</w2:scope>
                    </w2:attributes></xf:group>
                <xf:group tagname="td" style="padding: 10px;padding-bottom: 60px;" class="w2tb_td">
                    <xf:select tooltipDisplay="true" selectedindex="-1" id="" class="" appearance="full"
                    	style="width: 80%;height: 21px;color: red;" cols="1" rows="" ref="" toolTip="checkbox" localeRef="test"
                    	tooltipLocaleRef="tooltip" useLocale="true" useItemLocale="true" tooltip="Test for multi-language">
                    	<xf:choices>
                    		<xf:item>
                    			<xf:label><![CDATA[001]]></xf:label>
                    			<xf:value><![CDATA[aaa]]></xf:value>
                    		</xf:item>
                    		<xf:item>
                    			<xf:label><![CDATA[002]]></xf:label>
                    			<xf:value><![CDATA[bbb]]></xf:value>
                    		</xf:item>
                    		<xf:item>
                    			<xf:label><![CDATA[003]]></xf:label>
                    			<xf:value><![CDATA[ccc]]></xf:value>
                    		</xf:item>
                    		<xf:item>
                    			<xf:label><![CDATA[004]]></xf:label>
                    			<xf:value><![CDATA[ddd]]></xf:value>
                    		</xf:item>
                    	</xf:choices>
                    </xf:select>
                </xf:group>
            </xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="" class="w2tb_th">Trigger<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="padding: 10px;" class="w2tb_td">
                    <xf:trigger type="button" style="width:110px;height: 23px;color: red;" id="" toolTip="trigger" localeRef="trigger" tooltipLocaleRef="tooltip" useLocale="true" tooltip="Test for multi-language">
                        <xf:label><![CDATA[]]></xf:label>
                    </xf:trigger>
                </xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="" class="w2tb_th">TextBox<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="padding: 10px;" class="w2tb_td" tooltip="">
                    <w2:textbox label="" id="" style="width:110px;color: red;" class="" toolTip="textbox" localeRef="textbox" tooltipLocaleRef="tooltip" useLocale="true" tooltip="Test for multi-language"></w2:textbox>
                </xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="" class="w2tb_th">Output<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="padding: 10px;" class="w2tb_td" tooltip="">
                    <xf:output style="width:120px;color: red;" id="" toolTip="output" localeRef="output" tooltipLocaleRef="tooltip" useLocale="true" tooltip="Test for multi-language">
                        <xf:label></xf:label>
                    </xf:output>
                </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 meta_vertical_guides="" meta_horizontal_guides="">
    	<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="Year" dataType="text"></w2:column>
            			<w2:column id="col2" name="City" dataType="text"></w2:column>
            			<w2:column id="col3" name="Continent" dataType="text"></w2:column>
            			<w2:column id="col4" name="Expense" dataType="number"></w2:column>
            			<w2:column id="col5" name="Saving" 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 jsonData = [
				{"col1":"2017","col2":"Seoul","col3":"Asia","col4":"250","col5": "100","rowStatus":"R"}
				,{"col1":"2017","col2":"Paris","col3":"Europe","col4":"223","col5": "100","rowStatus":"R"}
				,{"col1":"2017","col2":"Beijing","col3":"Asia","col4":"250","col5": "100","rowStatus":"R"}
				,{"col1":"2017","col2":"Bangkok","col3":"Asia","col4":"245","col5": "100","rowStatus":"R"}
				,{"col1":"2017","col2":"London","col3":"Europe","col4":"245","col5": "100","rowStatus":"R"}
				,{"col1":"2018","col2":"Seoul","col3":"Asia","col4":"209","col5": "100","rowStatus":"R"}
				,{"col1":"2018","col2":"Paris","col3":"Europe","col4":"223","col5": "100","rowStatus":"R"}
				,{"col1":"2018","col2":"Beijing","col3":"Asia","col4":"245","col5": "100","rowStatus":"R"}
				,{"col1":"2018","col2":"Bangkok","col3":"Asia","col4":"245","col5": "100","rowStatus":"R"}
				,{"col1":"2018","col2":"London","col3":"Europe","col4":"245","col5": "100","rowStatus":"R"}
				,{"col1":"2019","col2":"Seoul","col3":"Asia","col4":"250","col5": "100","rowStatus":"R"}
				,{"col1":"2019","col2":"Paris","col3":"Europe","col4":"213","col5": "100","rowStatus":"R"}
				,{"col1":"2019","col2":"Beijing","col3":"Asia","col4":"245","col5": "100","rowStatus":"R"}
				,{"col1":"2019","col2":"Bangkok","col3":"Asia","col4":"245","col5": "100","rowStatus":"R"}
				,{"col1":"2019","col2":"London","col3":"Europe","col4":"245","col5": "100","rowStatus":"R"}];
				dataList1.setJSON(jsonData);

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:pivot style="position: relative;padding: 20px;height:95%;width: 90%;border: 1px solid gray;left:50px;top:20px;"
    		dataList="data:dataList1" cols="col2" vals="col4,col5" autoFit="" autoFitMinWidth="100" showGrandTotal="true" grandTotalName=""
    		grandTotalDisplayType="" headerListOrder="col,row,val,hidden" allTotalName="" totalTextAlign="" valuesAxis="" rows="col1"
    		noColumnMove="true" id="pivot1">
    		<w2:fieldInfo style="padding: 10px;">
    			<w2:field id="col1" name="Year"></w2:field>
    			<w2:field id="col2" name="City"></w2:field>
    			<w2:field id="col3" name="Continent"></w2:field>
    			<w2:field id="col4" name="Expense"></w2:field>
    			<w2:field id="col5" name="Saving"></w2:field>
    		</w2:fieldInfo>
    	</w2:pivot>
    </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="dataList2" baseNode="list"
					saveRemovedData="true" repeatNode="map">
					<w2:columnInfo>
						<w2:column id="col1" name="종류" dataType="text"></w2:column>
						<w2:column id="col2" name="국가" dataType="text"></w2:column>
						<w2:column id="col3" name="주문번호" dataType="text"></w2:column>
						<w2:column id="col4" name="수량" dataType="text"></w2:column>
						<w2:column id="col5" name="사이즈" dataType="text"></w2:column>
                        <w2:column id="col6" name="사이즈2" dataType="text"></w2:column>
                        <w2:column id="col7" name="사이즈3" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript"><![CDATA[

			scwin.onpageload = function() {
				var jsonData = [{"col1":"TV", "col2":"Korea", "col3":"1st", "col4":"1000", "col5":"K", "col6":"M", "col7":"M"}
                                ,{"col1":"TV", "col2":"Korea", "col3":"2nd", "col4":"500", "col5":"L", "col6":"S"}
                                ,{"col1":"TV", "col2":"Korea", "col3":"3rd", "col4":"700", "col5":"L", "col6":"S"}
                                ,{"col1":"TV", "col2":"USA", "col3":"1st", "col4":"2500", "col5":"L", "col6":"S"}
                                ,{"col1":"TV", "col2":"USA", "col3":"2nd", "col4":"1500", "col5":"S", "col6":"S"}

                                ,{"col1":"TV", "col2":"France", "col3":"total", "col4":"9700", "col5":"S", "col6":"S"}

                                ,{"col1":"Washer", "col2":"USA", "col3":"1st", "col4":"2500", "col5":"S", "col6":"S"}
                                ,{"col1":"Washer", "col2":"GB", "col3":"1st", "col4":"1500", "col5":"S", "col6":"S"}

                                ,{"col1":"TV", "col2":"Korea", "col3":"1st", "col4":"11000", "col5":"L", "col6":"O", "col7":"O"}
                                ,{"col1":"TV", "col2":"Korea", "col3":"2nd", "col4":"1500", "col5":"L", "col6":"L"}
                                ,{"col1":"TV", "col2":"Korea", "col3":"3rd", "col4":"1700", "col5":"L", "col6":"L"}
                                ,{"col1":"TV", "col2":"USA", "col3":"1st", "col4":"12500", "col5":"L", "col6":"L"}
                                ,{"col1":"TV", "col2":"USA", "col3":"2nd", "col4":"11500", "col5":"L", "col6":"L"}

                                ,{"col1":"TV", "col2":"France", "col3":"total", "col4":"19700", "col5":"L", "col6":"L"}

                                ,{"col1":"Washer", "col2":"USA", "col3":"1st", "col4":"12500", "col5":"L", "col6":"L"}
                                ,{"col1":"Washer", "col2":"GB", "col3":"1st", "col4":"11500", "col5":"L", "col6":"L"}];
				dataList2.setJSON(jsonData);

			};

			scwin.onpageunload = function() {

			};

    scwin.onpageload();
			scwin.trigger2_onclick = function(e) {
                pivot1.pivotExcelDownload( {fileName:"pivotExcel.xlsx"} );
            };

	]]></script>
    </head>
    <body>

    	<xf:trigger type="button" id="trigger2" style="position:absolute;width:252px;height:47px;left:10px;padding:5px;line-height:32px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;top:20px;text-align: left;margin-left: 50px;" ev:onclick="scwin.trigger2_onclick">
            <xf:label><![CDATA[pivotExcelDownload()]]></xf:label>
        </xf:trigger><w2:pivot id="pivot1" dataList="dataList2" showGrandTotal="true"
            grandTotalDisplayType="vertical" valuesAxis="col"
    		style="position: absolute;height:447px;width:80%;border: 1px solid black;left:11px;top:85px;margin-left: 50px;margin-top: 30px;"
    		userNumberFormat="true" digitsAfterDecimal="1" scaler="1" decimalSep="." thousandsSep="," prefix="!" suffix="$"
    		headerListMouseOverColor="#FF0000" cols="col1,col2,col3" rows="col5,col6,col7" vals="col4" excludeHiddenList="" hiddenHeaderList="" headerYMerge="true"
    		headerListOrder="col,row,val,hidden" >
    		<w2:fieldInfo>
    			<w2:field id="col1" name="Tpye"></w2:field>
    			<w2:field id="col2" name="Country" sortOrder="Korea,USA,China,Japan,GB,France"></w2:field>
    			<w2:field id="col3" name="Order"></w2:field>
    			<w2:field id="col4" name="Qty"></w2:field>
    			<w2:field id="col5" name="Size 1" sortOrder="S,M,X,XL,XXL,XXXL"></w2:field>
                <w2:field id="col6" name="Size 2" sortOrder="S,M,X,XL,XXL,XXXL"></w2:field>
                <w2:field id="col7" name="Size 3" sortOrder="S,M,X,XL,XXL,XXXL"></w2:field>
    		</w2:fieldInfo>
    	</w2:pivot>

    </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 meta_vertical_guides="" meta_horizontal_guides="">
    	<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="Year" dataType="text"></w2:column>
            			<w2:column id="col2" name="City" dataType="text"></w2:column>
            			<w2:column id="col3" name="Continent" dataType="text"></w2:column>
            			<w2:column id="col4" name="Expense" dataType="number"></w2:column>
            			<w2:column id="col5" name="Saving" 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 jsonData = [
				{"col1":"2017","col2":"Seoul","col3":"Asia","col4":"250","col5": "100","rowStatus":"R"}
				,{"col1":"2017","col2":"Paris","col3":"Europe","col4":"223","col5": "100","rowStatus":"R"}
				,{"col1":"2017","col2":"Beijing","col3":"Asia","col4":"250","col5": "100","rowStatus":"R"}
				,{"col1":"2017","col2":"Bangkok","col3":"Asia","col4":"245","col5": "100","rowStatus":"R"}
				,{"col1":"2017","col2":"London","col3":"Europe","col4":"245","col5": "100","rowStatus":"R"}
				,{"col1":"2018","col2":"Seoul","col3":"Asia","col4":"209","col5": "100","rowStatus":"R"}
				,{"col1":"2018","col2":"Paris","col3":"Europe","col4":"223","col5": "100","rowStatus":"R"}
				,{"col1":"2018","col2":"Beijing","col3":"Asia","col4":"245","col5": "100","rowStatus":"R"}
				,{"col1":"2018","col2":"Bangkok","col3":"Asia","col4":"245","col5": "100","rowStatus":"R"}
				,{"col1":"2018","col2":"London","col3":"Europe","col4":"245","col5": "100","rowStatus":"R"}
				,{"col1":"2019","col2":"Seoul","col3":"Asia","col4":"250","col5": "100","rowStatus":"R"}
				,{"col1":"2019","col2":"Paris","col3":"Europe","col4":"213","col5": "100","rowStatus":"R"}
				,{"col1":"2019","col2":"Beijing","col3":"Asia","col4":"245","col5": "100","rowStatus":"R"}
				,{"col1":"2019","col2":"Bangkok","col3":"Asia","col4":"245","col5": "100","rowStatus":"R"}
				,{"col1":"2019","col2":"London","col3":"Europe","col4":"245","col5": "100","rowStatus":"R"}];
				dataList1.setJSON(jsonData);

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:pivot style="position: relative;padding: 20px;height:95%;width: 90%;border: 1px solid gray;left:50px;top:20px;"
    		dataList="data:dataList1" cols="col2" vals="col4,col5" autoFit="" autoFitMinWidth="100" showGrandTotal="true" grandTotalName=""
    		grandTotalDisplayType="both" headerListOrder="col,row,val,hidden" allTotalName="" totalTextAlign="" valuesAxis="" rows="col1"
    		noColumnMove="true" id="pivot1">
    		<w2:fieldInfo style="padding: 10px;">
    			<w2:field id="col1" name="Year"></w2:field>
    			<w2:field id="col2" name="City"></w2:field>
    			<w2:field id="col3" name="Continent"></w2:field>
    			<w2:field id="col4" name="Expense"></w2:field>
    			<w2:field id="col5" name="Saving"></w2:field>
    		</w2:fieldInfo>
    	</w2:pivot>
    </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:columnInfo>
            			<w2:column id="col1" name="name1" dataType="text"></w2:column>
            			<w2:column id="col2" name="name2" dataType="text"></w2:column>
            			<w2:column id="col3" name="name3" dataType="text"></w2:column>
            			<w2:column id="col4" name="name4" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<col1><![CDATA[2020 and years laster after 2020]]></col1>
            				<col2><![CDATA[Seoul]]></col2>
            				<col3><![CDATA[AAA]]></col3>
            				<col4><![CDATA[900]]></col4>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[2020 and years laster after 2020]]></col1>
            				<col2><![CDATA[Busan]]></col2>
            				<col3><![CDATA[BBB]]></col3>
            				<col4><![CDATA[1000]]></col4>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[2000]]></col1>
            				<col2><![CDATA[Busan]]></col2>
            				<col3><![CDATA[CCC]]></col3>
            				<col4><![CDATA[500]]></col4>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[2000]]></col1>
            				<col2><![CDATA[Seoul]]></col2>
            				<col3><![CDATA[AAA]]></col3>
            				<col4><![CDATA[800]]></col4>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[2020 and years laster after 2020]]></col1>
            				<col2><![CDATA[Daegu]]></col2>
            				<col3><![CDATA[BBB]]></col3>
            				<col4><![CDATA[1200]]></col4>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[2000]]></col1>
            				<col2><![CDATA[Daegu]]></col2>
            				<col3><![CDATA[BBB]]></col3>
            				<col4><![CDATA[900]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Seoul]]></col2>
            				<col1><![CDATA[1990]]></col1>
            				<col3><![CDATA[AAA]]></col3>
            				<col4><![CDATA[800]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Jeju]]></col2>
            				<col1><![CDATA[2000]]></col1>
            				<col3><![CDATA[CCC]]></col3>
            				<col4><![CDATA[90000000000000000000]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Daegu]]></col2>
            				<col1><![CDATA[1990]]></col1>
            				<col3><![CDATA[BBB]]></col3>
            				<col4><![CDATA[600]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Busan]]></col2>
            				<col3><![CDATA[AAA]]></col3>
            				<col4><![CDATA[700]]></col4>
            				<col1><![CDATA[1990]]></col1>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[1990]]></col1>
            				<col2><![CDATA[Jeju]]></col2>
            				<col3><![CDATA[CCC]]></col3>
            				<col4><![CDATA[800]]></col4>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[2020 and years laster after 2020]]></col1>
            				<col2><![CDATA[Jeju]]></col2>
            				<col3><![CDATA[CCC]]></col3>
            				<col4><![CDATA[200]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Busan]]></col2>
            				<col1><![CDATA[2000]]></col1>
            				<col3><![CDATA[AAA]]></col3>
            				<col4><![CDATA[900]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Busan]]></col2>
            				<col1><![CDATA[2000]]></col1>
            				<col3><![CDATA[AAA]]></col3>
            				<col4><![CDATA[400]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Busan]]></col2>
            				<col1><![CDATA[1990]]></col1>
            				<col3><![CDATA[BBB]]></col3>
            				<col4><![CDATA[800]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Busan]]></col2>
            				<col1><![CDATA[2000]]></col1>
            				<col3><![CDATA[BBB]]></col3>
            				<col4><![CDATA[1600]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Busan]]></col2>
            				<col1><![CDATA[1990]]></col1>
            				<col3><![CDATA[CCC]]></col3>
            				<col4><![CDATA[900]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Busan]]></col2>
            				<col1><![CDATA[2020 and years laster after 2020]]></col1>
            				<col3><![CDATA[CCC]]></col3>
            				<col4><![CDATA[1200]]></col4>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
        <script type="text/javascript"><![CDATA[
	scwin.trigger1_onclick = function(e) {
		var options = {};
		options.type = "1";
		options.fileName = "excelData.xls";
		options.bodyFormat = "#,###,0#";
		options.bodyTextAlign = "right";
        options.autoSizeColumn = "header";

		pivot1.pivotExcelDownload(options);
	};
]]></script>
    </head>
    <body>
    	<w2:pivot style="position: relative;margin-left: 50px;height: 400px;" dataList="dataList1" id="pivot1" vals="col4" cols="col1"
    		valuesAxis="column" rows="col2,col3" noColumnMove="true">
    		<w2:fieldInfo>
    			<w2:field id="col1" style="" name="Period"></w2:field>
    			<w2:field id="col2" style="" name="City"></w2:field>
    			<w2:field id="col3" style="" name="Grade"></w2:field>
    			<w2:field id="col4" style="" name="Value"></w2:field>
    		</w2:fieldInfo>
    	</w2:pivot>
    	<xf:trigger type="button" id="trigger1" style="width: 200px;padding: 10px;line-height:32px;height:45px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;margin: 50px;margin-top:0px;" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[pivotExcelDownload()]]></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:dataList id="dataList1" baseNode="list" saveRemovedData="true" repeatNode="map">
            		<w2:columnInfo>
            			<w2:column id="col1" name="name1" dataType="text"></w2:column>
            			<w2:column id="col2" name="name2" dataType="text"></w2:column>
            			<w2:column id="col3" name="name3" dataType="text"></w2:column>
            			<w2:column id="col4" name="name4" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<col1><![CDATA[2020 and years laster after 2020]]></col1>
            				<col2><![CDATA[Seoul]]></col2>
            				<col3><![CDATA[AAA]]></col3>
            				<col4><![CDATA[900]]></col4>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[2020 and years laster after 2020]]></col1>
            				<col2><![CDATA[Busan]]></col2>
            				<col3><![CDATA[BBB]]></col3>
            				<col4><![CDATA[1000]]></col4>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[2000]]></col1>
            				<col2><![CDATA[Busan]]></col2>
            				<col3><![CDATA[CCC]]></col3>
            				<col4><![CDATA[500]]></col4>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[2000]]></col1>
            				<col2><![CDATA[Seoul]]></col2>
            				<col3><![CDATA[AAA]]></col3>
            				<col4><![CDATA[800]]></col4>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[2020 and years laster after 2020]]></col1>
            				<col2><![CDATA[Daegu]]></col2>
            				<col3><![CDATA[BBB]]></col3>
            				<col4><![CDATA[1200]]></col4>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[2000]]></col1>
            				<col2><![CDATA[Daegu]]></col2>
            				<col3><![CDATA[BBB]]></col3>
            				<col4><![CDATA[900]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Seoul]]></col2>
            				<col1><![CDATA[1990]]></col1>
            				<col3><![CDATA[AAA]]></col3>
            				<col4><![CDATA[800]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Jeju]]></col2>
            				<col1><![CDATA[2000]]></col1>
            				<col3><![CDATA[CCC]]></col3>
            				<col4><![CDATA[90000000000000000000]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Daegu]]></col2>
            				<col1><![CDATA[1990]]></col1>
            				<col3><![CDATA[BBB]]></col3>
            				<col4><![CDATA[600]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Busan]]></col2>
            				<col3><![CDATA[AAA]]></col3>
            				<col4><![CDATA[700]]></col4>
            				<col1><![CDATA[1990]]></col1>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[1990]]></col1>
            				<col2><![CDATA[Jeju]]></col2>
            				<col3><![CDATA[CCC]]></col3>
            				<col4><![CDATA[800]]></col4>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[2020 and years laster after 2020]]></col1>
            				<col2><![CDATA[Jeju]]></col2>
            				<col3><![CDATA[CCC]]></col3>
            				<col4><![CDATA[200]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Busan]]></col2>
            				<col1><![CDATA[2000]]></col1>
            				<col3><![CDATA[AAA]]></col3>
            				<col4><![CDATA[900]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Busan]]></col2>
            				<col1><![CDATA[2010]]></col1>
            				<col3><![CDATA[AAA]]></col3>
            				<col4><![CDATA[400]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Busan]]></col2>
            				<col1><![CDATA[1990]]></col1>
            				<col3><![CDATA[BBB]]></col3>
            				<col4><![CDATA[800]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Busan]]></col2>
            				<col1><![CDATA[2000]]></col1>
            				<col3><![CDATA[BBB]]></col3>
            				<col4><![CDATA[1600]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Busan]]></col2>
            				<col1><![CDATA[1990]]></col1>
            				<col3><![CDATA[CCC]]></col3>
            				<col4><![CDATA[900]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[Busan]]></col2>
            				<col1><![CDATA[2020 and years laster after 2020]]></col1>
            				<col3><![CDATA[CCC]]></col3>
            				<col4><![CDATA[1200]]></col4>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
        <script type="text/javascript"><![CDATA[
	scwin.trigger1_onclick = function(e) {
		var options = {};
		options.type = "1";
		options.fileName = "excelData.xls";
		options.bodyFormat = "#,###,0#";
		options.bodyTextAlign = "right";
        options.autoSizeColumn = "header";

		pivot1.pivotExcelDownload(options);
	};
]]></script>
    </head>
    <body>
    	<w2:pivot style="position: relative;margin-left: 50px;height: 400px;" dataList="dataList1" id="pivot1" vals="col4" cols="col1"
    		valuesAxis="column" rows="col2,col3" >
    		<w2:fieldInfo>
    			<w2:field id="col1" style="" name="Period"></w2:field>
    			<w2:field id="col2" style="" name="City"></w2:field>
    			<w2:field id="col3" style="" name="Grade"></w2:field>
    			<w2:field id="col4" style="" name="Value"></w2:field>
    		</w2:fieldInfo>
    	</w2:pivot>
    	<xf:trigger type="button" id="trigger1" style="width: 200px;padding: 10px;line-height:32px;height:45px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;margin: 50px;margin-top:0px;" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[pivotExcelDownload()]]></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:textbox id="text" label="22.xml"
    		style="width: 150px;text-align: center;margin-bottom: 30px;height: 23px;margin: 10px;background-color:#8080C0;font-size:20px;">
    	</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() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger tooltip="This is trigger tooltip." style="width: 100px;height: 50px;" id="" type="button" tooltipShowPositionX="100" tooltipShowPositionY="100">
    		<xf:label><![CDATA[Trigger]]></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:calendar footerDiv="false" id="" style="width: 100px;height: 100px;margin: 100px;margin-left: 250px;" visibleWeekNum="5" monthNames="01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11, 12" yearSuffix="Y"></w2:calendar>
    </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:calendar displayDayType="text" footerDiv="false" id="" monthNames="Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec"
    		style="width: 100px;height: 100px;margin: 50px;" yearSuffix="Y">
    	</w2:calendar>
    </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:calendar footerDiv="false" id="" style="width: 100px;height: 100px;margin: 50px;" highlightSelectedWeek="true" monthNames="1,2,3,4,5,6,7,8,9,10,11,12" yearSuffix="Y"></w2:calendar>
    </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>
        <style>
        	.test{
				text-overflow:ellipsis;
			}
			.test2{
				background-color:red;
			}

        	table {
				table-layout:fixed;
			}

			table td {
				width:30px;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		</style>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.tooltip = function(label, index) {
		return "Select " + label + ".";
	};

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

    	<xf:select1 tooltipFormatter="scwin.tooltip" ref="" tooltipClass="" appearance="full" tooltipDisplay="true"
    		style="width:150px;height:140px;text-overflow:ellipsis;margin: 50px;margin-left: 100px;" id="" selectedindex="-1" rows="" cols="2"
    		class="test" tooltipItemLabel="" tooltipShowAlways="true">
    		<xf:choices>
    			<xf:item>
    				<xf:label><![CDATA[yourChoice111]]></xf:label>
    				<xf:value><![CDATA[001]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Item2]]></xf:label>
    				<xf:value><![CDATA[002]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Item3]]></xf:label>
    				<xf:value><![CDATA[003]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[yourChoice444]]></xf:label>
    				<xf:value><![CDATA[004]]></xf:value>
    			</xf:item>
    		</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 meta_vertical_guides="" meta_horizontal_guides="">
    	<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
    if (invalidType == "mandatory")
    	{ message = "You forgot selecting a city!"; }

		alert(message);
		return message;
    }

	scwin.trigger1_onclick = function(e) {
		radio1.validate();
		// alert(message);
	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="margin: 50px;"><xf:select1 ref="" appearance="full" invalidMessage="" style="width: 150px;height: 21px;" invalidMessageFunc="scwin.fn_msg" id="radio1" displaymessage="true" rows="" cols="" mandatory="true" selectedIndex="-1">
    		<xf:choices>
    			<xf:item>
    				<xf:label><![CDATA[Seoul]]></xf:label>
    				<xf:value><![CDATA[001]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Paris]]></xf:label>
    				<xf:value><![CDATA[002]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[London]]></xf:label>
    				<xf:value><![CDATA[003]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[New York]]></xf:label>
    				<xf:value><![CDATA[004]]></xf:value>
    			</xf:item>
    		</xf:choices>
    	</xf:select1><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width: 150px;height: 39px;margin-left: 30px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;" id="trigger1" type="button">
    		<xf:label><![CDATA[validate();]]></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: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:select1 id="" selectedIndex="-1" appearance="full" style="width: 150px;height: 21px;margin: 100px;" cols="" rows="" ref="" enableColumn="Country" enableColumnFalseValue="Germany,Canada">
    		<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>
    </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) {
		checkcombo1.setDisplayMode("label delim value");
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="padding-left: 100px;padding-top: 30px;"><xf:checkcombobox displayAllOptionLabel="false" submenuSize="auto" ref="" appearance="minimal" chooseOption="" style="width: 150px;height: 25px;" disabled="false" id="checkcombo1" allOption="" displayMode="label" direction="auto">
    		<xf:choices>
    			<xf:item>
    				<xf:label><![CDATA[Home]]></xf:label>
    				<xf:value><![CDATA[H]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Office]]></xf:label>
    				<xf:value><![CDATA[0]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Travel]]></xf:label>
    				<xf:value><![CDATA[T]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Sick]]></xf:label>
    				<xf:value><![CDATA[S]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Leave]]></xf:label>
    				<xf:value><![CDATA[L]]></xf:value>
    			</xf:item>
    		</xf:choices>
    	</xf:checkcombobox><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width: 150px;height: 25px;margin-left:30px;" id="trigger1" type="button">
    		<xf:label><![CDATA[setDisplayMode()]]></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: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:columnInfo>
            	</w2:dataList>
            </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 data = [];
		var count = input1.getValue();
		for (var i = 0; i < count ; i ++) {
			data.push(i + "");
			data.push(i + "" + "_v");
		}
		dataList1.setData(data, true);
	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="margin: 50px;margin-top: 0px;padding:50px;"><xf:input adjustMaxLength="false" style="width: 80px;height: 50px;margin-right: 50px;font-size:15px;font-weight:bolder;text-align: center" id="input1"></xf:input><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width: 170px;height: 50px;line-height:32px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;" id="trigger1" type="button">
    		<xf:label><![CDATA[dataList1.setData()]]></xf:label>
    	</xf:trigger><xf:checkcombobox displayAllOptionLabel="false" submenuSize="auto" chooseOption="" allOption="" separator="," displayMode="label" ref="" appearance="minimal" checkboxClickSync="true" useEdit="true" validateOnInput="true" disabled="false" style="width:300px;height:50px;display: block;margin-top: 50px;" allowChar="0-9,-" id="checkcombobox1" useDrag="" rangeSeparator="" direction="auto" visibleColNum="" visibleRowNum="" visibleColumn="" visibleColMax="5">
    		<xf:choices>
    			<xf:itemset nodeset="data:dataList1">
    				<xf:label ref="col1"></xf:label>
    				<xf:value ref="col2"></xf:value>
    			</xf:itemset>
    		</xf:choices>
    	</xf:checkcombobox></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" 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:columnInfo>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		var data = [];
		for (var i = 0; i < 20 ; i ++) {
			data.push(i + "");
			data.push(i + "" + "_v");
		}
		dataList1.setData(data, true);
	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="margin: 50px;margin-top: 0px;padding:50px;"><xf:checkcombobox displayAllOptionLabel="false" submenuSize="auto" chooseOption="" allOption="" separator="," displayMode="label" ref="" appearance="minimal" checkboxClickSync="true" useEdit="true" validateOnInput="" disabled="false" style="width:300px;height:50px;display: block;margin-top: 50px;" allowChar="0-9,-" id="checkcombobox1" useDrag="true" rangeSeparator="-" direction="auto" visibleColNum="5" visibleRowNum="" visibleColumn="" visibleColMax="">
    		<xf:choices>
    			<xf:itemset nodeset="data:dataList1">
    				<xf:label ref="col1"></xf:label>
    				<xf:value ref="col2"></xf:value>
    			</xf:itemset>
    		</xf:choices>
    	</xf:checkcombobox></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">
    	<xf:checkcombobox allOption="" appearance="minimal" chooseOption="" class="" direction="auto" disabled="false"
    		displayAllOptionLabel="false" displayMode="label" enableColumn="" enableColumnFalseValue="" id="checkcombobox1" ref=""
    		style="width:148px;height:21px;margin-right: 30px;margin:100px;" submenuSize="auto" checkboxClickSync="true" showCheckedTop="true">
    		<xf:choices>
    			<xf:item>
    				<xf:label><![CDATA[One]]></xf:label>
    				<xf:value><![CDATA[1]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Two]]></xf:label>
    				<xf:value><![CDATA[2]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Three]]></xf:label>
    				<xf:value><![CDATA[3]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Four]]></xf:label>
    				<xf:value><![CDATA[4]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[Five]]></xf:label>
    				<xf:value><![CDATA[5]]></xf:value>
    			</xf:item>
    		</xf:choices>
    	</xf:checkcombobox>
    </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="col1" name="name1"></w2:column>
            			<w2:column dataType="text" id="col2" name="name2"></w2:column>
            		</w2:columnInfo>
            	</w2:dataList>
            </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 data = [];
		var count = input1.getValue();
		for (var i = 0; i < count ; i ++) {
			data.push(i + "");
			data.push(i + "" + "_v");
		}
		dataList1.setData(data, true);
	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="margin: 50px;margin-top: 0px;padding:50px;"><xf:input adjustMaxLength="false" style="width: 80px;height: 50px;margin-right: 50px;font-size:15px;font-weight:bolder;text-align: center" id="input1"></xf:input><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width: 170px;height: 50px;line-height:32px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;" id="trigger1" type="button">
    		<xf:label><![CDATA[dataList1.setData()]]></xf:label>
    	</xf:trigger><xf:checkcombobox displayAllOptionLabel="false" submenuSize="auto" chooseOption="" allOption="" separator="," displayMode="label" ref="" appearance="minimal" checkboxClickSync="true" useEdit="true" validateOnInput="true" disabled="false" style="width:300px;height:50px;display: block;margin-top: 50px;" allowChar="0-9,-" id="checkcombobox1" useDrag="" rangeSeparator="" direction="auto" visibleColNum="5" visibleRowNum="" visibleColumn="" visibleColMax="">
    		<xf:choices>
    			<xf:itemset nodeset="data:dataList1">
    				<xf:label ref="col1"></xf:label>
    				<xf:value ref="col2"></xf:value>
    			</xf:itemset>
    		</xf:choices>
    	</xf:checkcombobox></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" 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:checkcombobox id="" displayAllOptionLabel="false" chooseOption="" displayMode="label"
    		style="width:148px;height:21px;margin:100px;" submenuSize="auto" allOption="" disabled="false" direction="auto" appearance="minimal"
    		ref="" class="" enableColumn="Country" enableColumnFalseValue="Korea">
    		<xf:choices>
    			<xf:itemset nodeset="data:dataList1">
    				<xf:label ref="City"></xf:label>
    				<xf:value ref="Code"></xf:value>
    			</xf:itemset>
    		</xf:choices>
    	</xf:checkcombobox>
    </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="col1" name="name1"></w2:column>
            			<w2:column dataType="text" id="col2" name="name2"></w2:column>
            		</w2:columnInfo>
            	</w2:dataList>
            </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 data = [];
		var count = input1.getValue();
		for (var i = 0; i < count ; i ++) {
			data.push(i + "");
			data.push(i + "" + "_v");
		}
		dataList1.setData(data, true);
	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="margin: 50px;margin-top: 0px;padding:50px;"><xf:input adjustMaxLength="false" style="width: 80px;height: 50px;margin-right: 50px;font-size:15px;font-weight:bolder;text-align: center" id="input1"></xf:input><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width: 170px;height: 50px;line-height:32px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;" id="trigger1" type="button">
    		<xf:label><![CDATA[dataList1.setData()]]></xf:label>
    	</xf:trigger><xf:checkcombobox displayAllOptionLabel="false" submenuSize="auto" chooseOption="" allOption="" separator=", " displayMode="label" ref="" appearance="minimal" checkboxClickSync="true" useEdit="" validateOnInput="true" disabled="false" style="width:300px;height:50px;display: block;margin-top: 50px;" allowChar="0-9,-" id="checkcombobox1" useDrag="true" rangeSeparator=" ~ " direction="auto" visibleColNum="5" visibleRowNum="" visibleColumn="" visibleColMax="">
    		<xf:choices>
    			<xf:itemset nodeset="data:dataList1">
    				<xf:label ref="col1"></xf:label>
    				<xf:value ref="col2"></xf:value>
    			</xf:itemset>
    		</xf:choices>
    	</xf:checkcombobox></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: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/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>
        <script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function() {
	var json = [{
			"C_Code" : "PAR",
			"Airport" : "ORLY",
			"Country" : "FRANCE",
			"City" : "PARIS",
			"A_Code" : "ORY"
		}, {
			"C_Code" : "PDX",
			"Airport" : "PORTLAND INT’L",
			"Country" : "U.S.A.",
			"City" : "PORTLAND",
			"A_Code" : "PDX"
		}, {
			"C_Code" : "PEK",
			"Airport" : "CAPITAL",
			"Country" : "CHINA",
			"City" : "BEIJING",
			"A_Code" : "PEK"
		}, {
			"C_Code" : "PER",
			"Airport" : "PERTH",
			"Country" : "AUSTRALIA",
			"City" : "PERTH",
			"A_Code" : "PER"
		}, {
			"C_Code" : "PHL",
			"Airport" : "PHILADELPHIA INT’L",
			"Country" : "U.S.A.",
			"City" : "PHILADELPHIA",
			"A_Code" : "PHL"
		}, {
			"C_Code" : "PHX",
			"Airport" : "SKY HARBOR ",
			"Country" : "U.S.A.",
			"City" : "PHOENIX",
			"A_Code" : "PHX"
		}, {
			"C_Code" : "PIT",
			"Airport" : "PITTSBURGH INT’L",
			"Country" : "U.S.A.",
			"City" : "PITTSBURGH",
			"A_Code" : "PIT"
		}, {
			"C_Code" : "PNH",
			"Airport" : "POCHENTONG",
			"Country" : "CAMBODIA",
			"City" : "PHNOMPENH",
			"A_Code" : "PNH"
		}, {
			"C_Code" : "PUS",
			"Airport" : "KIMHAE",
			"Country" : "KOREA",
			"City" : "PUSAN",
			"A_Code" : "PUS"
		}];
		dataList1.setJSON(json);

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

    <xf:group id="" style="padding: 30px;"><xf:group tagname="table" style="width:80%;" 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:17px;font-family:monospace;" class="w2tb_th">displayModeSync="false"<w2:attributes>
    					<w2:scope>col</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="th" style="font-size:17px;font-family:monospace;" class="w2tb_th">displayModeSync="true"<w2:attributes>
    					<w2:scope>col</w2:scope>
    				</w2:attributes></xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="height: 50px;">
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<w2:autoComplete submenuSize="auto" chooseOption="" useKeywordHighlight="true" allOption="" searchTarget="both" displayMode="label delim value" search="contain" ref="" displayModeSync="false" delimiter=" --- " editType="select" style="width: 200px;height: 21px;" id="autoComplete1" useLocale="false">
    					<w2:choices>
    						<w2:itemset nodeset="data:dataList1">
    							<w2:label ref="Country"></w2:label>
    							<w2:value ref="City"></w2:value>
    						</w2:itemset>
    					</w2:choices>
    				</w2:autoComplete>
    			</xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<w2:autoComplete submenuSize="auto" chooseOption="" useKeywordHighlight="true" allOption="" searchTarget="both" displayMode="label delim value" displayModeSync="true" ref="" search="contain" delimiter=" --- " editType="select" style="width: 200px;height: 21px;" id="autoComplete2" useLocale="false">
    					<w2:choices>
    						<w2:itemset nodeset="data:dataList1">
    							<w2:label ref="Country"></w2:label>
    							<w2:value ref="City"></w2:value>
    						</w2:itemset>
    					</w2:choices>
    				</w2:autoComplete>
    			</xf:group>
    		</xf:group>
    	</xf:group></xf:group></body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2: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.autoComplete1_onitemclick = function(index) {
		alert("onitemclick - Item of index "+index+" clicked!");
	};

	scwin.autoComplete1_onselected = function() {
		alert("onselected event occurred!");
	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:autoComplete editType="select" id="autoComplete1" useKeywordHighlight="true" style="height: 30px;margin: 50px;width: 200px;" submenuSize="auto"
    		search="contain" useLocale="false" allOption="" chooseOption="" ref="" ev:onselected="scwin.autoComplete1_onselected" ev:onitemclick="scwin.autoComplete1_onitemclick" caseSensitive="true">
    		<w2:choices>
    			<w2:item>
    				<w2:label><![CDATA[Seoul]]></w2:label>
    				<w2:value><![CDATA[01]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Busan]]></w2:label>
    				<w2:value><![CDATA[02]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Daejeon]]></w2:label>
    				<w2:value><![CDATA[03]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Gwanju]]></w2:label>
    				<w2:value><![CDATA[04]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Incheon]]></w2:label>
    				<w2:value><![CDATA[05]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Jeju]]></w2:label>
    				<w2:value><![CDATA[06]]></w2:value>
    			</w2:item>
    		</w2:choices>
    	</w2:autoComplete>
    </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:autoComplete editType="select" id="autoComplete1" useKeywordHighlight="true" style="height: 30px;margin: 50px;width: 200px;"
    		submenuSize="auto" search="contain" useLocale="false" allOption="" chooseOption="" ref=""
    		caseSensitive="true" preventKeyList="38, 40, 13">
    		<w2:choices>
    			<w2:item>
    				<w2:label><![CDATA[Seoul]]></w2:label>
    				<w2:value><![CDATA[01]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Osong]]></w2:label>
    				<w2:value><![CDATA[02]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Daejeon]]></w2:label>
    				<w2:value><![CDATA[03]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Kimcheon]]></w2:label>
    				<w2:value><![CDATA[04]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Incheon]]></w2:label>
    				<w2:value><![CDATA[05]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Hadong]]></w2:label>
    				<w2:value><![CDATA[06]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Ilsan]]></w2:label>
    				<w2:value><![CDATA[07]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Gwangju]]></w2:label>
    				<w2:value><![CDATA[08]]></w2:value>
    			</w2:item>
    		</w2:choices>
    	</w2:autoComplete>
    </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>

    	<w2:autoComplete editType="select" id="" useKeywordHighlight="true" style="width: 148px;height: 21px;margin: 100px;"
    		submenuSize="auto" search="contain" useLocale="false" allOption="" chooseOption="true" chooseOptionLabel="Choose one." ref="">
    		<w2:choices>
    			<w2:itemset nodeset="data:dataList1">
    				<w2:label ref="City"></w2:label>
    				<w2:value ref="Code"></w2:value>
    			</w2:itemset>
    		</w2:choices>
    	</w2:autoComplete>


<?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:autoComplete editType="select" id="autoComplete1" useKeywordHighlight="true" style="height: 30px;margin: 50px;width: 200px;"
    		submenuSize="auto" search="contain" allOption="" chooseOption=""
    		chooseOptionLabel="Select a city." ref="" searchTarget="label" nextTabID="input1" nextTabByEnter="true" caseSensitive="false">
    		<w2:choices>
    			<w2:item>
    				<w2:label><![CDATA[Hanoi]]></w2:label>
    				<w2:value><![CDATA[001]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Danang]]></w2:label>
    				<w2:value><![CDATA[002]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Taipei]]></w2:label>
    				<w2:value><![CDATA[003]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Bangkok]]></w2:label>
    				<w2:value><![CDATA[004]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Hawaii]]></w2:label>
    				<w2:value><![CDATA[005]]></w2:value>
    			</w2:item>
    		</w2:choices>
    	</w2:autoComplete>
    	<xf:input adjustMaxLength="false" id="input1" placeholder='id="input1"' style="height: 30px;margin: 50px;margin-left: 0px;margin-right:0px;width: 200px;text-align: center;font-size:20px;">
    	</xf:input><xf:input adjustMaxLength="false" id="input2" placeholder='id="input2"'
    		style="height: 30px;margin: 50px;text-align: center;width: 200px;font-size:20px;">
    	</xf:input>

    </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) {
		autoComplete1.setDelimiter(" --- ");
	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="padding-left: 100px;padding-top: 30px;">
    	<w2:autoComplete submenuSize="auto" search="start" ref="" chooseOption="" editType="select" useKeywordHighlight="false"
    		style="width: 150px;height: 25px;" id="autoComplete1" allOption="" useLocale="false" displayMode="label delim value" delimiter=" : ">
    		<w2:choices>
    			<w2:item>
    				<w2:label><![CDATA[Seoul]]></w2:label>
    				<w2:value><![CDATA[SE]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Busan]]></w2:label>
    				<w2:value><![CDATA[BU]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Jeju]]></w2:label>
    				<w2:value><![CDATA[JE]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Daegu]]></w2:label>
    				<w2:value><![CDATA[DG]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Incheon]]></w2:label>
    				<w2:value><![CDATA[IN]]></w2:value>
    			</w2:item>
    		</w2:choices>
    	</w2:autoComplete>
    	<xf:trigger style="width: 150px;height: 25px;margin-left:30px;" id="trigger1" type="button" ev:onclick="scwin.trigger1_onclick">
    		<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.autoComplete1_onitemclick = function(index) {
		alert("onitemclick - Item of index "+index+" clicked!");
	};

	scwin.autoComplete1_onselected = function() {
		alert("onselected event occurred!");
	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:autoComplete editType="select" id="autoComplete1" useKeywordHighlight="true" style="height: 30px;margin: 50px;width: 200px;"
    		submenuSize="auto" search="contain" useLocale="false" allOption="" chooseOption="" ref=""
    		ev:onselected="scwin.autoComplete1_onselected" ev:onitemclick="scwin.autoComplete1_onitemclick" caseSensitive="true">
    		<w2:choices>
    			<w2:item>
    				<w2:label><![CDATA[Seoul]]></w2:label>
    				<w2:value><![CDATA[01]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Osong]]></w2:label>
    				<w2:value><![CDATA[02]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Daejeon]]></w2:label>
    				<w2:value><![CDATA[03]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Kimcheon]]></w2:label>
    				<w2:value><![CDATA[04]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Incheon]]></w2:label>
    				<w2:value><![CDATA[05]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Hadong]]></w2:label>
    				<w2:value><![CDATA[06]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Ilsan]]></w2:label>
    				<w2:value><![CDATA[07]]></w2:value>
    			</w2:item>
    			<w2:item>
    				<w2:label><![CDATA[Gwangju]]></w2:label>
    				<w2:value><![CDATA[08]]></w2:value>
    			</w2:item>
    		</w2:choices>
    	</w2:autoComplete>
    </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="C_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="Airport" name="name4"></w2:column>
            			<w2:column dataType="text" id="A_Code" name="name5"></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 = [{
			"C_Code" : "PAR",
			"Airport" : "ORLY",
			"Country" : "FRANCE",
			"City" : "PARIS",
			"A_Code" : "ORY"
		}, {
			"C_Code" : "PDX",
			"Airport" : "PORTLAND INT’L",
			"Country" : "U.S.A.",
			"City" : "PORTLAND",
			"A_Code" : "PDX"
		}, {
			"C_Code" : "PEK",
			"Airport" : "CAPITAL",
			"Country" : "CHINA",
			"City" : "BEIJING",
			"A_Code" : "PEK"
		}, {
			"C_Code" : "PER",
			"Airport" : "PERTH",
			"Country" : "AUSTRALIA",
			"City" : "PERTH",
			"A_Code" : "PER"
		}, {
			"C_Code" : "PHL",
			"Airport" : "PHILADELPHIA INT’L",
			"Country" : "U.S.A.",
			"City" : "PHILADELPHIA",
			"A_Code" : "PHL"
		}, {
			"C_Code" : "PHX",
			"Airport" : "SKY HARBOR ",
			"Country" : "U.S.A.",
			"City" : "PHOENIX",
			"A_Code" : "PHX"
		}, {
			"C_Code" : "PIT",
			"Airport" : "PITTSBURGH INT’L",
			"Country" : "U.S.A.",
			"City" : "PITTSBURGH",
			"A_Code" : "PIT"
		}, {
			"C_Code" : "PNH",
			"Airport" : "POCHENTONG",
			"Country" : "CAMBODIA",
			"City" : "PHNOMPENH",
			"A_Code" : "PNH"
		}, {
			"C_Code" : "PUS",
			"Airport" : "KIMHAE",
			"Country" : "KOREA",
			"City" : "PUSAN",
			"A_Code" : "PUS"
		}];
		dataList1.setJSON(json);

	};

	scwin.onpageunload = function() {

	};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:autoComplete editType="select" id="" useKeywordHighlight="false" style="width: 148px;height: 21px;margin: 50px;"
    		submenuSize="auto" search="start" useLocale="false" allOption="" chooseOption="" ref="" displayMode="label delim value" delimiter=" / ">
    		<w2:choices>
    			<w2:itemset nodeset="data:dataList1">
    				<w2:label ref="City"></w2:label>
    				<w2:value ref="C_Code"></w2:value>
    			</w2:itemset>
    		</w2:choices>
    	</w2:autoComplete>
    </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="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":"Asia",
			"col2":"1",
			"col3":"con"
		},{
			"col1":"Korea",
			"col2":"2",
			"col3":"nat"

		},{
			"col1":"Seoul",
			"col2":"3",
			"col3":"ct"
		},{
			"col1":"Busan",
			"col2":"3",
			"col3":"ct"
		},{
			"col1":"China",
			"col2":"2",
			"col3":"nat",
			"col4" : "checkcheck"

		},{
			"col1":"Beijing",
			"col2":"3",
			"col3":"ct"
		}, {
			"col1":"Europe",
			"col2":"1",
			"col3":"con"
		},{
			"col1":"Germany",
			"col2":"2",
			"col3":"nat"

		},{
			"col1":"Berlin",
			"col2":"3",
			"col3":"ct"
		}];
		dataList1.setJSON(json);
	};

	scwin.onpageunload = function() {

	};]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:treeview id="treeview1" dataType="listed" tooltipGroupClass="false"
    		style="width: 200px;height: 200px;margin: 100px;margin-top: 50px;margin-bottom: 30px;" showCheckbox="true" showCheckboxLabel=""
    		hierarchy="true">
    		<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>