<?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() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView id="gridView1" style="width: 90%;height: 70%;margin: 30px;" scrollByColumn="false" defaultCellHeight="20"
    		scrollByColumnAdaptive="false" dataList="data:dataList1" autoFit="allColumn" visibleRowNum="15" rowNumVisible="true" dataDragSelect=""
    		useShiftKey="true" dataDragDrop="true" focusMode="both" useCtrlKey="" useCtrlOnMultisort="" selectedRowColor=""
    		selectedCellColor="" rowStatusVisible="" dataDragDropStatus="true" cellStatusVisible="true" cellStatusIconPosition="left">
    		<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 width="70" inputType="text" style="height:20px" id="column4" value="Continent" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column3" value="Country" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column2" value="Item" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column1" value="Quantity" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody1">
    			<w2:row style="" id="row2">
    				<w2:column width="70" inputType="text" style="height:20px" id="col1" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col2" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col3" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col4" value="" displayMode="label" blockSelect="true" validateOnInput=""></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: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) {
		gridView1.setBlockSelect("col4", true);
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView id="gridView1" style="width: 90%;height: 70%;margin: 30px;" scrollByColumn="false" defaultCellHeight="20"
    		scrollByColumnAdaptive="false" dataList="data:dataList1" autoFit="allColumn" visibleRowNum="15" rowNumVisible="true" dataDragSelect=""
    		useShiftKey="true" dataDragDrop="true" focusMode="both" useCtrlKey="" useCtrlOnMultisort="" selectedRowColor="" selectedCellColor=""
    		rowStatusVisible="" dataDragDropStatus="true">
    		<w2:caption style="" id="caption1" value="this is a grid caption."></w2:caption>
    		<w2:header style="" id="header1">
    			<w2:row style="" id="row1">
    				<w2:column width="70" inputType="text" style="height:20px" id="column4" value="Continent" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column3" value="Country" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column2" value="Item" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column1" value="Quantity" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody1">
    			<w2:row style="" id="row2">
    				<w2:column width="70" inputType="text" style="height:20px" id="col1" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col2" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col3" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col4" value="" displayMode="label" blockSelect=""
    					validateOnInput="">
    				</w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>
    	<xf:trigger type="button" style="width:220px;height:40px;margin:30px;margin-top:0px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;text-align: left;font-style:normal;font-weight:bolder;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[setBlockSelect()]]></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 baseNode="list" id="dataList1" repeatNode="map" saveRemovedData="true" style="">
        			<w2:columnInfo>
        				<w2:column dataType="text" id="Status" name="Status"></w2:column>
        				<w2:column dataType="date" id="Date" name="Date"></w2:column>
        				<w2:column dataType="number" id="Expense" name="Expense"></w2:column>
        				<w2:column dataType="number" id="Income" name="Income"></w2:column>
        				<w2:column dataType="text" id="Hobby" name="Hobby"></w2:column>
        				<w2:column dataType="text" id="Region" name="Region"></w2:column>
        				<w2:column dataType="number" id="Frequency" name="Frequency"></w2:column>
        				<w2:column dataType="number" id="ID" name="ID"></w2:column>
        				<w2:column dataType="number" id="Age" name="Age"></w2:column>
        				<w2:column id="Check" name="Check" 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 json = [
   {
      "Status": "Single",
      "Date": "2019/07/19",
      "Expense": "50000",
      "Income": "2000000",
      "Hobby": "Movie",
      "Region": "Seoul",
      "Frequency": "1",
      "ID": "10001",
      "Age": "23"
   },
   {
      "Status": "Divorced",
      "Date": "2019/04/03",
      "Expense": "100000",
      "Income": "2300000",
      "Hobby": "Book",
      "Region": "Jeonju",
      "Frequency": "3",
      "ID": "10002",
      "Age": "25"
   },
   {
      "Status": "Married",
      "Date": "2019/05/11",
      "Expense": "100000",
      "Income": "2900000",
      "Hobby": "PC Game",
      "Region": "Seoul",
      "Frequency": "1",
      "ID": "10003",
      "Age": "30"
   },
   {
      "Status": "Single",
      "Date": "2019/05/10",
      "Expense": "80000",
      "Income": "1900000",
      "Hobby": "PC Game",
      "Region": "Daegu",
      "Frequency": "5",
      "ID": "10004",
      "Age": "19"
   },
   {
      "Status": "Married",
      "Date": "2019/05/03",
      "Expense": "200000",
      "Income": "3500000",
      "Hobby": "Movie",
      "Region": "Jeju",
      "Frequency": "4",
      "ID": "10005",
      "Age": "34"
   },
   {
      "Status": "Married",
      "Date": "2019/05/13",
      "Expense": "500000",
      "Income": "4200000",
      "Hobby": "Book",
      "Region": "Jeonju",
      "Frequency": "8",
      "ID": "10006",
      "Age": "39"
   },
   {
      "Status": "Divorced",
      "Date": "2019/04/30",
      "Expense": "100000",
      "Income": "3900000",
      "Hobby": "Book",
      "Region": "Jeju",
      "Frequency": "2",
      "ID": "10007",
      "Age": "29"
   },
   {
      "Status": "Married",
      "Date": "2019/05/14",
      "Expense": "2000000",
      "Income": "2900000",
      "Hobby": "Movie",
      "Region": "Seoul",
      "Frequency": "12",
      "ID": "10008",
      "Age": "25"
   },
   {
      "Status": "Divorced",
      "Date": "2019/04/15",
      "Expense": "100000",
      "Income": "2000000",
      "Hobby": "PC Game",
      "Region": "Incheon",
      "Frequency": "1",
      "ID": "10009",
      "Age": "32"
   },
   {
      "Status": "Divorced",
      "Date": "2019/05/01",
      "Expense": "50000",
      "Income": "2500000",
      "Hobby": "PC Game",
      "Region": "Seoul",
      "Frequency": "1",
      "ID": "10010",
      "Age": "34"
   },
   {
      "Status": "Married",
      "Date": "2019/05/12",
      "Expense": "230000",
      "Income": "3000000",
      "Hobby": "Book",
      "Region": "Jeonju",
      "Frequency": "5",
      "ID": "10011",
      "Age": "36"
   },
   {
      "Status": "Married",
      "Date": "2019/05/01",
      "Expense": "50000",
      "Income": "2000000",
      "Hobby": "Book",
      "Region": "Jeonju",
      "Frequency": "2",
      "ID": "10012",
      "Age": "22"
   },
   {
      "Status": "Single",
      "Date": "2019/05/06",
      "Expense": "80000",
      "Income": "2200000",
      "Hobby": "Book",
      "Region": "Jeonju",
      "Frequency": "3",
      "ID": "10013",
      "Age": "25"
   },
   {
      "Status": "Single",
      "Date": "2019/05/09",
      "Expense": "100000",
      "Income": "2500000",
      "Hobby": "PC Game",
      "Region": "Jeju",
      "Frequency": "8",
      "ID": "10014",
      "Age": "40"
   },
   {
      "Status": "Single",
      "Date": "2019/05/03",
      "Expense": "350000",
      "Income": "3100000",
      "Hobby": "Movie",
      "Region": "Seoul",
      "Frequency": "3",
      "ID": "10015",
      "Age": "35"
   },
   {
      "Status": "Married",
      "Date": "2019/05/06",
      "Expense": "100000",
      "Income": "2900000",
      "Hobby": "Movie",
      "Region": "Incheon",
      "Frequency": "2",
      "ID": "10016",
      "Age": "31"
   },
   {
      "Status": "Single",
      "Date": "2019/05/01",
      "Expense": "100000",
      "Income": "2800000",
      "Hobby": "PC Game",
      "Region": "Seoul",
      "Frequency": "2",
      "ID": "10017",
      "Age": "29"
   },
   {
      "Status": "Married",
      "Date": "2019/05/12",
      "Expense": "500000",
      "Income": "3200000",
      "Hobby": "Book",
      "Region": "Daegu",
      "Frequency": "6",
      "ID": "10018",
      "Age": "33"
   },
   {
      "Status": "Single",
      "Date": "2019/05/11",
      "Expense": "150000",
      "Income": "2200000",
      "Hobby": "Book",
      "Region": "Seoul",
      "Frequency": "5",
      "ID": "10019",
      "Age": "29"
   },
   {
      "Status": "Divorced",
      "Date": "2019/05/08",
      "Expense": "100000",
      "Income": "3200000",
      "Hobby": "PC Game",
      "Region": "Seoul",
      "Frequency": "2",
      "ID": "10020",
      "Age": "30"
   },
   {
      "Status": "Single",
      "Date": "2019/05/11",
      "Expense": "200000",
      "Income": "3900000",
      "Hobby": "Movie",
      "Region": "Jeonju",
      "Frequency": "4",
      "ID": "10021",
      "Age": "37"
   },
   {
      "Status": "Single",
      "Date": "2019/05/08",
      "Expense": "100000",
      "Income": "2800000",
      "Hobby": "Movie",
      "Region": "Incheon",
      "Frequency": "3",
      "ID": "10022",
      "Age": "28"
   },
   {
      "Status": "Single",
      "Date": "2019/05/14",
      "Expense": "500000",
      "Income": "3800000",
      "Hobby": "Book",
      "Region": "Seoul",
      "Frequency": "6",
      "ID": "10023",
      "Age": "29"
   },
   {
      "Status": "Married",
      "Date": "2019/05/12",
      "Expense": "150000",
      "Income": "2300000",
      "Hobby": "PC Game",
      "Region": "Daegu",
      "Frequency": "5",
      "ID": "10024",
      "Age": "20"
   },
   {
      "Status": "Married",
      "Date": "2019/05/06",
      "Expense": "100000",
      "Income": "2200000",
      "Hobby": "Movie",
      "Region": "Jeju",
      "Frequency": "3",
      "ID": "10025",
      "Age": "19"
   },
   {
      "Status": "Single",
      "Date": "2019/05/14",
      "Expense": "300000",
      "Income": "3900000",
      "Hobby": "Book",
      "Region": "Jeju",
      "Frequency": "8",
      "ID": "10026",
      "Age": "32"
   },
   {
      "Status": "Married",
      "Date": "2019/05/03",
      "Expense": "100000",
      "Income": "4200000",
      "Hobby": "PC Game",
      "Region": "Jeonju",
      "Frequency": "2",
      "ID": "10027",
      "Age": "34"
   },
   {
      "Status": "Single",
      "Date": "2019/04/18",
      "Expense": "30000",
      "Income": "3800000",
      "Hobby": "PC Game",
      "Region": "Seoul",
      "Frequency": "1",
      "ID": "10028",
      "Age": "41"
   },
   {
      "Status": "Married",
      "Date": "2019/05/08",
      "Expense": "120000",
      "Income": "3200000",
      "Hobby": "Book",
      "Region": "Incheon",
      "Frequency": "5",
      "ID": "10029",
      "Age": "42"
   },
   {
      "Status": "Divorced",
      "Date": "2019/05/11",
      "Expense": "400000",
      "Income": "3800000",
      "Hobby": "Book",
      "Region": "Seoul",
      "Frequency": "8",
      "ID": "10030",
      "Age": "39"
   }
];
		dataList1.setJSON(json);
	};

	scwin.onpageunload = function() {

	};]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView id="gridView1" style="height: 230px;margin: 50px;" scrollByColumn="false" defaultCellHeight="20"
    		scrollByColumnAdaptive="false" dataList="data:dataList1" autoFit="allColumn" visibleRowNum="15" rowNumVisible="" dataDragSelect=""
    		useShiftKey="true" dataDragDrop="true" focusMode="both" useCtrlKey="" useCtrlOnMultisort="" selectedRowColor="" selectedCellColor=""
    		rowStatusVisible="" dataDragDropStatus="true" contextMenu="true" keepDefaultColumnWidth="" autoFitMinWidth="800">
    		<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 width="70" inputType="text" style="" id="column11" value="Check" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="" id="column2" value="ID" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="" id="column9" value="Status" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="" id="column8" value="Date" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="" id="column7" value="Expense" displayMode="label" colSpan=""
    					rowSpan="">
    				</w2:column>
    				<w2:column hidden="false" width="70" inputType="text" style="" id="column10" value="Income" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="" id="column5" value="Hobby" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="" id="column4" value="Region" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="" id="column3" value="Frequency" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="" id="column1" value="Age" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody1">
    			<w2:row style="" id="row2">
    				<w2:column width="50" inputType="checkbox" style="height:20px" id="Check" value="" displayMode="label"></w2:column>
    				<w2:column width="20" inputType="text" style="height:20px" id="ID" value="" displayMode="label"></w2:column>
    				<w2:column width="50" inputType="text" style="height:20px" id="Status" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="Date" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="Expense" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="Income" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="Hobby" value="" displayMode="label"></w2:column>
    				<w2:column width="30" inputType="text" style="height:20px" id="Region" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="Frequency" value="" displayMode="label"></w2:column>
    				<w2:column width="30" inputType="text" style="height:20px" id="Age" value="" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/2019-09/Components/gridview.css" type="text/css"?>

    	<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="Check" name="Check" dataType="text"></w2:column>
        				<w2:column id="ID" name="ID" dataType="text"></w2:column>
        				<w2:column id="Age" name="Age" dataType="text"></w2:column>
        				<w2:column id="Status" name="Status" dataType="text"></w2:column>
        				<w2:column id="Income" name="Income" dataType="text"></w2:column>
        				<w2:column id="Expense" name="Expense" dataType="text"></w2:column>
        				<w2:column id="Hobby" name="Hobby" dataType="text"></w2:column>
        				<w2:column id="Region" name="Region" dataType="text"></w2:column>
        				<w2:column id="Frequency" name="Frequency" dataType="text"></w2:column>
        				<w2:column id="date" name="date" dataType="text"></w2:column>
        			</w2:columnInfo>
        		</w2:dataList>
        		<w2:dataList baseNode="list" repeatNode="map" id="dataList2" saveRemovedData="true">
        			<w2:columnInfo>
        				<w2:column id="label" name="label" dataType="text"></w2:column>
        				<w2:column id="value" name="value" dataType="text"></w2:column>
        				<w2:column id="type" name="type" dataType="text"></w2:column>
        			</w2:columnInfo>
        			<w2:data use="true">
        				<w2:row>
        					<![CDATA[Single]]>
        					<value><![CDATA[Single]]></value>
        					<type><![CDATA[true]]></type>
        				</w2:row>
        				<w2:row>
        					<![CDATA[Divorced]]>
        					<value><![CDATA[Divorced]]></value>
        					<type><![CDATA[true]]></type>
        				</w2:row>
        				<w2:row>
        					<![CDATA[Married]]>
        					<value><![CDATA[Married]]></value>
        					<type><![CDATA[true]]></type>
        				</w2:row>
        				<w2:row>
        					<![CDATA[None]]>
        					<value><![CDATA[None]]></value>
        					<type><![CDATA[false]]></type>
        				</w2:row>
        			</w2:data>
        		</w2:dataList>
        	</w2:dataCollection>
        	<w2:workflowCollection></w2:workflowCollection>
        	<xf:submission id="submission1" ref="" target='data:json,dataList1' action="data.json" method="post"
        		mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous"
        		processMsg="" ev:submit="" ev:submitdone="" ev:submiterror="" abortTrigger="">
        	</xf:submission>
        	<xf:submission id="submission2" ref="" target="" action="" method="post" mediatype="application/json" encoding="UTF-8"
        		instance="" replace="" errorHandler="" customHandler="" mode="asynchronous" processMsg="" ev:submit="" ev:submitdone=""
        		ev:submiterror="" abortTrigger="">
        	</xf:submission>
        </xf:model>

    	<xf:trigger type="button" style="width: 360px;height: 40px;margin: 30px 10px 20px 30px;font: 17px bolder;color: blue;"
    		id="trigger7" ev:onclick="scwin.trigger7_onclick">
    		<xf:label><![CDATA[getFilteredColData]]></xf:label>
    	</xf:trigger>
    	<xf:trigger type="button" style="width: 360px;height: 40px;margin: 30px 10px 20px 30px;font: 17px bolder;color: magenta;"
    		id="trigger8" ev:onclick="scwin.trigger8_onclick">
    		<xf:label><![CDATA[getColData]]></xf:label>
    	</xf:trigger>
    	<xf:trigger type="button" style="width: 360px;height: 40px;margin: 20px 10px 50px 30px;font: 17px bolder;color: green;" id="trigger9" ev:onclick="scwin.trigger9_onclick">
    		<xf:label><![CDATA[setColumnVisibleColumn]]></xf:label>
    	</xf:trigger>
    	<w2:gridView id="gridview1" style="width: 90%;height: 300px;margin-left: 30px;" scrollByColumn="false" defaultCellHeight="20"
    		scrollByColumnAdaptive="false" dataList="data:dataList1" class="" autoFit="allColumn" rowNumVisible="" rowStatusVisible=""
    		showSortableUseFilter="" filterShowAlways="" showSortableImage="" sortable="" useFilterList="true" columnMove="">
    		<w2:caption style="" id="caption1" value="this is a grid caption."></w2:caption>
    		<w2:header style="" id="header1">
    			<w2:row style="height: 25px;" id="row1">
    				<w2:column removeBorderStyle="false" width="70" inputType="checkbox" style="height:20px;" id="column19" value="Check"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column17" value="ID"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column15" value="Age"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="select" style="height:20px;" id="column13" value="Status"
    					blockSelect="false" displayMode="label" allOption="" chooseOption="true" chooseOptionLabel="Status" ref="">
    					<w2:choices>
    						<w2:itemset nodeset="data:dataList2">
    							<w2:label ref="label"></w2:label>
    							<w2:value ref="value"></w2:value>
    						</w2:itemset>
    					</w2:choices>
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column11" value="Income"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column9" value="Expense"
    					blockSelect="false" displayMode="label" sortable="">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column7" value="Hobby"
    					blockSelect="false" displayMode="label" useFilter="true">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column5" value="Region"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column3" value="Frequency"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column1" value="date"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody1">
    			<w2:row style="" id="row2">
    				<w2:column removeBorderStyle="false" width="70" inputType="checkbox" style="height:20px" id="Check" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="ID" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="Age" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="select" style="height:20px;" id="Status" value=""
    					blockSelect="false" displayMode="label" allOption="" chooseOption="" ref="">
    					<w2:choices>
    						<w2:itemset nodeset="data:dataList2">
    							<w2:label ref="label"></w2:label>
    							<w2:value ref="value"></w2:value>
    						</w2:itemset>
    					</w2:choices>
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="Income" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="Expense" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="Hobby" value=""
    					blockSelect="false" displayMode="label" useFilter="">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="" style="height:20px" id="Region" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="Frequency" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="date" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>


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

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

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

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

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

    	<xf:group id="" style="padding: 30px;">
    		<w2:textbox id="" label="GridView"
    			style="width:200px;line-height:32px;padding:5px;font-size:15px;font-family:arial;font-style:normal;font-weight:bolder;text-align:left;">
    		</w2:textbox>
    		<w2:gridView autoFit="allColumn" checkAllType="false" dataList="data:dataList1" defaultCellHeight="20" id="gridView1"
    			rowNumVisible="true" scrollByColumn="false" scrollByColumnAdaptive="false" style="height: 300px;margin-top: 30px;" visibleRowNum="13"
    			hideHeader="" showSortableImage="" rowNumHeaderValue="No." rowNumWidth="100" rowNumBackgroundColor="#FF8040">
    			<w2:caption style="" id="caption2" value="this is a grid caption."></w2:caption>
    			<w2:header style="" id="header2">
    				<w2:row style="" id="row3">
    					<w2:column width="70" inputType="text" style="height:20px" id="column21" value="Check" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column20" value="ID" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column19" value="Age" displayMode="label"
    						sortable="">
    					</w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column18" value="Status" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column17" value="Income" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column16" value="Expense" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column15" value="Hobby" displayMode="label"
    						sortable="">
    					</w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column14" value="Region" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column13" value="Frequency" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column12" value="Date" displayMode="label"></w2:column>
    				</w2:row>
    			</w2:header>
    			<w2:gBody style="" id="gBody2">
    				<w2:row style="" id="row4">
    					<w2:column width="70" inputType="checkbox" style="height:20px" id="Check" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="ID" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="Age" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="select" style="height:20px" id="Status" value="" displayMode="label" allOption=""
    						chooseOption="" ref="">
    						<w2:choices>
    							<w2:itemset nodeset="data:dataList2">
    								<w2:label ref="label"></w2:label>
    								<w2:value ref="value"></w2:value>
    							</w2:itemset>
    						</w2:choices>
    					</w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="Income" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="Expense" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="Hobby" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="Region" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="Frequency" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="Date" value="" displayMode="label"></w2:column>
    				</w2:row>
    			</w2:gBody>
    		</w2:gridView>

    	</xf:group>


<?xml version="1.0" encoding="UTF-8"?>
<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() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView id="gridView1" style="width: 90%;height: 70%;margin: 30px;" scrollByColumn="false" defaultCellHeight="20"
    		scrollByColumnAdaptive="false" dataList="data:dataList1" autoFit="allColumn" visibleRowNum="15" rowNumVisible="true" dataDragSelect=""
    		useShiftKey="true" dataDragDrop="true" focusMode="both" useCtrlKey="" useCtrlOnMultisort="" selectedRowColor=""
    		selectedCellColor="" rowStatusVisible="" dataDragDropStatus="true">
    		<w2:caption style="" id="caption1" value="this is a grid caption."></w2:caption>
    		<w2:header style="" id="header1">
    			<w2:row style="" id="row1">
    				<w2:column width="70" inputType="text" style="height:20px" id="column4" value="Continent" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column3" value="Country" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column2" value="Item" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column1" value="Quantity" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody1">
    			<w2:row style="" id="row2">
    				<w2:column width="70" inputType="text" style="height:20px" id="col1" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col2" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col3" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col4" value="" displayMode="label" blockSelect="true" validateOnInput=""></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 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" 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() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="" label="moveKeyEditMode Vs. moveKeyEditModeAll" style="width:490px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;top:20px;text-align:left;margin-bottom:0px;margin-left:100px;margin-top:30px;"></w2:textbox><w2:gridView id="gridView1" style="width:500px;height:205px;margin:30px;margin-top:20px;margin-left:100px;"
    		checkAllType="false" scrollByColumn="false" defaultCellHeight="20" scrollByColumnAdaptive="false" dataList="data:dataList1"
    		autoFit="allColumn" visibleRowNum="10" rowNumVisible="" sortable="" showSortableUseFilter="" useFilterList="true"
    		noResultMessageVisible="" copyOption="" copyType="native" useCtrlKey="" focusMode="cell" useShiftKey="true"
    		selectedCellColor="#FF8040" showSortableImage="" noResultMessage="no no no" noResultMessageClass="" noResultMessageVisibleAlways=""
    		dataDragDrop="true" dataDragDropOther="true" moveKeyEditMode="" moveKeyEditModeAll="true">
    		<w2:caption style="" id="caption1" value="this is a grid caption."></w2:caption>
    		<w2:header style="" id="header1">
    			<w2:row style="" id="row1">
    				<w2:column width="70" inputType="text" style="height:20px" id="column4" value="Continent" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column3" value="Country" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column2" value="Item" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column1" value="Quantity" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody1">
    			<w2:row style="" id="row2">
    				<w2:column width="70" inputType="text" style="height:20px" id="col1" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col2" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col3" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col4" value="" displayMode="label"></w2:column>
    			</w2: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: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) {
gridView1.setRowNumVisible(false);
};

scwin.trigger2_onclick = function(e) {
gridView1.setRowNumVisible(true);
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">

    <xf:group id="" style="margin: 50px;height: 80%"><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width:200px;height:39px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:13px;" id="trigger1" type="button">
    		<xf:label><![CDATA[setRowNumVisible(false);]]></xf:label>
    	</xf:trigger><xf:trigger ev:onclick="scwin.trigger2_onclick" style="width:200px;height:39px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:13px;margin-left: 20px;" id="trigger2" type="button">
    		<xf:label><![CDATA[setRowNumVisible(true);]]></xf:label>
    	</xf:trigger><w2:gridView scrollByColumnAdaptive="false" hammerEnabled="true" rowNumVisible="true" dataDragDrop="true" selectedRowColor="" useShiftKey="true" useCtrlOnMultisort="" scrollByColumn="false" dataDragDropStatus="true" defaultCellHeight="20" focusMode="both" selectedCellColor="" rowStatusVisible="" contextMenu="true" dataList="data:dataList1" dataDragSelect="" style="width: 70%;height: 75%;margin-top: 20px;" cellStatusIconPosition="left" id="gridView1" autoFit="allColumn" useCtrlKey="" cellStatusVisible="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"></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="text" style="" id="col1" value="" displayMode="label"></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></xf:group></body>
</html>