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

	scwin.onpageload = function() {
		var data = [];
		for (var i = 0; i < 5000; i++) {
			for (var j = 1; j < 10; j++) {
				data.push(i + "_" + j);
			}
			data.push(i);
		}
		dataList1.setData(data);
	};

	scwin.onpageunload = function() {

	};]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView id="" style="width: 90%;height: 90%;margin: 20px;" checkAllType="false" scrollByColumn="false" defaultCellHeight="20"
    		scrollByColumnAdaptive="false" dataList="data:dataList1" rowNumVisible="true" drawType="native" autoFit="allColumn">
    		<w2:caption style="" id="caption5" value="this is a grid caption."></w2:caption>
    		<w2:header style="" id="header5">
    			<w2:row style="" id="row9">
    				<w2:column width="70" inputType="text" style="height:20px" id="column76" value="name1" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column75" value="name2" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column74" value="name3" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column73" value="name4" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column72" value="name5" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column71" value="name6" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column70" value="name7" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column69" value="name8" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column68" value="name9" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column67" value="name10" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody5">
    			<w2:row style="" id="row10">
    				<w2:column width="70" inputType="text" style="height:20px" id="col1" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col2" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col3" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col4" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col5" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col6" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col7" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col8" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col9" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col10" value="" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>
    </body>
</html>


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

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

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

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

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

    	<xf:group id="" style="padding: 30px;">
    		<w2:gridView autoFit="allColumn" checkAllType="false" dataList="data:dataList1" defaultCellHeight="20" id="gridView1" rowNumVisible="true"
    			scrollByColumn="false" scrollByColumnAdaptive="false" style="height: 300px;margin-top: 50px;" visibleRowNum="all" rowStatusVisible="true" rowNumHeaderValue="No." rowStatusHeaderValue="Edit" focusMode="both" selectedCellColor="#FF00FF" selectedRowColor="#FFFF00">
    			<w2:caption style="" id="caption2" value="this is a grid caption."></w2:caption>
    			<w2:header style="" id="header2">
    				<w2:row style="" id="row3">
    					<w2:column width="70" inputType="text" style="height:20px" id="column21" value="Check" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column20" value="ID" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column19" value="Age" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column18" value="Status" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column17" value="Income" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column16" value="Expense" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column15" value="Hobby" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column14" value="Region" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column13" value="Frequency" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column12" value="Date" displayMode="label"></w2:column>
    				</w2:row>
    			</w2:header>
    			<w2:gBody style="" id="gBody2">
    				<w2:row style="" id="row4">
    					<w2:column width="70" inputType="checkbox" style="height:20px" id="Check" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="ID" value="" displayMode="label"></w2:column>
    					<w2:column width="70" inputType="spinner" style="height:20px" id="Age" value="" displayMode="label" viewType="icon"></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="calendar" style="height:20px" id="Date" value="" displayMode="label" viewType="icon"></w2:column>
    				</w2:row>
    			</w2:gBody>
    		</w2:gridView>
    	</xf:group>


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

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

    <xf:group id="" style="padding: 100px;"><w2:textbox style="width:600px;padding:5px;line-height:32px;height:64px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;margin-bottom:30px;" id="" label='GridView & gridView.column<br/>copyOption="dataList" / "display"'>
    	</w2:textbox><w2:gridView scrollByColumnAdaptive="false" dataList="data:dataList1" style="width: 600px;height: 150px;" scrollByColumn="false" id="" autoFit="allColumn" defaultCellHeight="20" copyOption="display" useShiftKey="true" dataDragSelect="true" useCtrlKey="true">
    		<w2:caption style="" id="caption1" value="this is a grid caption."></w2:caption>
    		<w2:header style="" id="header1">
    			<w2:row style="" id="row1">
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column4" value="select" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column3" value="autoComplete" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column2" value="checkcombobox" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column1" value="text" blockSelect="false" displayMode="label">
    				</w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody1">
    			<w2:row style="" id="row2">
    				<w2:column chooseOptionLabel="Select." ref="" removeBorderStyle="false" chooseOption="" width="70" inputType="select"
    					style="height:20px" id="select" allOption="" value="" blockSelect="false" displayMode="label delim value" copyOption="dataList" displayType="" delimiter=" - " viewType="">
    					<w2:choices>
    						<w2:itemset nodeset="data:select">
    							<w2:label ref="label"></w2:label>
    							<w2:value ref="value"></w2:value>
    						</w2:itemset>
    					</w2:choices>
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="autoComplete" style="height:20px" id="autoComplete" value=""
    					blockSelect="false" displayMode="label delim value" allOption="" chooseOption="" ref="" viewType="" searchTarget="both" useKeywordHighlight="true" selectedData="">
    					<w2:choices>
    						<w2:itemset nodeset="data:autoComplete">
    							<w2:label ref="label"></w2:label>
    							<w2:value ref="value"></w2:value>
    						</w2:itemset>
    					</w2:choices>
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="checkcombobox" style="height:20px" id="checkcombobox"
    					value="" blockSelect="false" displayMode="label delim value" allOption="" chooseOption="" ref="" delimiter=" - " viewType="">
    					<w2:choices>
    						<w2:itemset nodeset="data:checkcombobox">
    							<w2:label ref="label"></w2:label>
    							<w2:value ref="value"></w2:value>
    						</w2:itemset>
    					</w2:choices>
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="text" value="" blockSelect="false" displayMode="label" copyOption="" displayFormat='###.00' displayFormatter="" displayFormatFunc="">
    				</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 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:data use="true">
            		</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" : "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: 500px;height: 100px;margin: 30px;margin-top: 50px;margin-left: 100px;"
    		checkAllType="false" scrollByColumn="false" defaultCellHeight="20" scrollByColumnAdaptive="false" dataList="data:dataList1"
    		autoFit="allColumn" visibleRowNum="13" rowNumVisible="" sortable="" showSortableUseFilter="" useFilterList="true"
    		noResultMessageVisible="" copyOption="" copyType="native" useCtrlKey="" focusMode="cell" useShiftKey="true" selectedCellColor="#FF8040" showSortableImage="" noResultMessage="No data." noResultMessageClass="" noResultMessageVisibleAlways="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="" 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" useFilter="" sortLabel=""></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="" style="height:20px" id="col1" value="" displayMode="label" embeddedInput=""
    					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="col2" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="" style="height:20px" id="col3" value="" displayMode="label"
    					validateOnInput="" allOption="" chooseOption="" ref="">
    					<w2:choices>
    						<w2:itemset nodeset="data:dataList3">
    							<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="col4" value="" displayMode="label" dataType=""></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);
		gridView1.setSortable("column2", true);
	};

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

            				<col3><![CDATA[1]]></col3>
            				<col4><![CDATA[4]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[1]]></col2>
            				<col1><![CDATA[4]]></col1>

            				<col3><![CDATA[5]]></col3>
            				<col4><![CDATA[3]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[2]]></col2>
            				<col1><![CDATA[1]]></col1>

            				<col3><![CDATA[2]]></col3>
            				<col4><![CDATA[2]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[5]]></col2>
            				<col1><![CDATA[2]]></col1>

            				<col3><![CDATA[4]]></col3>
            				<col4><![CDATA[1]]></col4>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[3]]></col2>
            				<col1><![CDATA[5]]></col1>

            				<col3><![CDATA[3]]></col3>
            				<col4><![CDATA[5]]></col4>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            	<w2:dataList baseNode="list" id="dataList2" 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:data use="true">
            			<w2:row>
            				<col1><![CDATA[Meat (5)]]></col1>
            				<col2><![CDATA[5]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[Cheese (4)]]></col1>
            				<col2><![CDATA[4]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[Fruit (3)]]></col1>
            				<col2><![CDATA[3]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[Blueberry (2)]]></col1>
            				<col2><![CDATA[2]]></col2>
            			</w2:row>
            			<w2:row>
            				<col2><![CDATA[1]]></col2>
            				<col1><![CDATA[Apple (1)]]></col1>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            	<w2:dataList baseNode="list" id="dataList3" 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:data use="true">
            			<w2:row>
            				<col1><![CDATA[Buildings (2)]]></col1>
            				<col2><![CDATA[2]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[Bridge (4)]]></col1>
            				<col2><![CDATA[4]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[Park (3)]]></col1>
            				<col2><![CDATA[3]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[Temple (1)]]></col1>
            				<col2><![CDATA[1]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[River (5)]]></col1>
            				<col2><![CDATA[5]]></col2>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            	<w2:dataList baseNode="list" repeatNode="map" id="dataList4" 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:data use="true">
            			<w2:row>
            				<col1><![CDATA[Far East (1)]]></col1>
            				<col2><![CDATA[1]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[France (2)]]></col1>
            				<col2><![CDATA[2]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[Asia (3)]]></col1>
            				<col2><![CDATA[3]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[Europe (4)]]></col1>
            				<col2><![CDATA[4]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[Continent (5)]]></col1>
            				<col2><![CDATA[5]]></col2>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            	<w2:dataList baseNode="list" repeatNode="map" id="dataList5" 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:data use="true">
            			<w2:row>
            				<col1><![CDATA[Paris (3)]]></col1>
            				<col2><![CDATA[3]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[London (1)]]></col1>
            				<col2><![CDATA[1]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[Seoul (5)]]></col1>
            				<col2><![CDATA[5]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[Ottawa (2)]]></col1>
            				<col2><![CDATA[2]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[Beijing (4)]]></col1>
            				<col2><![CDATA[4]]></col2>
            			</w2:row>
            		</w2:data>
            	</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 returnInfo = {};
           returnInfo.options = {};
           returnInfo.inputType = "autoComplete";
        returnInfo.options.displayMode = "label";
           returnInfo.itemSet = {
           nodeset:"data:dataList2",
           label : "col1",
           value : "col2"
        }
        for (var i = 0; i < 5; i++) {
            gridView1.setCellInputType(i, "col3", returnInfo);
        }
	};

	scwin.trigger2_onclick = function(e) {
		var returnInfo = {};
           returnInfo.options = {};
           returnInfo.inputType = "select";
        returnInfo.options.displayMode = "label";
           returnInfo.itemSet = {
           nodeset:"data:dataList3",
           label : "col1",
           value : "col2"
        }
        for (var i = 0; i < 5; i++) {
            gridView1.setCellInputType(i, "col4", returnInfo);
        }
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="padding: 100px;margin-top: 0px;"><w2:gridView scrollByColumnAdaptive="false" setCellInputTypeCustom="true" checkAllType="false" dataList="data:dataList1" style="width: 750px;height: 150px;" scrollByColumn="false" id="gridView1" sortable="true" autoFit="allColumn" defaultCellHeight="40">
    		<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 sortLabel="" width="70" inputType="text" style="height:20px" id="column3" sortable="" value='inputType="autoComplete"' displayMode="label">
    				</w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column7" value='inputType="select"' displayMode="label">
    				</w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column21" sortable="" value='inputType="custom"' displayMode="label">
    				</w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column23" value='inputType="custom"' displayMode="label">
    				</w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody1">
    			<w2:row style="" id="row2">
    				<w2:column ref="" sortLabel="true" chooseOption="" width="70" inputType="autoComplete" style="height:20px" id="col1" allOption="" sortable="" value="" displayMode="label">
    					<w2:choices>
    						<w2:itemset nodeset="data:dataList4">
    							<w2:label ref="col1"></w2:label>
    							<w2:value ref="col2"></w2:value>
    						</w2:itemset>
    					</w2:choices>
    				</w2:column>
    				<w2:column ref="" sortLabel="true" chooseOption="" width="70" inputType="select" style="height:20px" id="col2" allOption="" sortable="" value="" displayMode="label">
    					<w2:choices>
    						<w2:itemset nodeset="data:dataList5">
    							<w2:label ref="col1"></w2:label>
    							<w2:value ref="col2"></w2:value>
    						</w2:itemset>
    					</w2:choices>
    				</w2:column>
    				<w2:column typeGetter="" sortLabel="true" width="70" inputType="custom" style="height:20px" id="col3" sortable="" value="" displayMode="label">
    				</w2:column>
    				<w2:column typeGetter="" sortLabel="true" width="70" inputType="custom" style="height:20px" id="col4" value="" displayMode="label">
    				</w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width: 350px;height: 30px;margin-top: 50px;margin-right: 50px;padding: 5px;background-color:#C0C0C0;font-size:13px;font-family:monospace;font-style:normal;font-weight:bolder;" id="trigger1" type="button">
    		<xf:label><![CDATA[inputType="custom" to "autoComplete" ("col3")]]></xf:label>
    	</xf:trigger><xf:trigger ev:onclick="scwin.trigger2_onclick" style="width: 350px;height: 30px;margin-top: 50px;padding: 5px;background-color:#C0C0C0;font-size:13px;font-family:monospace;font-style:normal;font-weight:bolder;" id="trigger2" type="button">
    		<xf:label><![CDATA[inputType="custom" to "select" ("col4")]]></xf:label>
    	</xf:trigger></xf:group></body>
</html>


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

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

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

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

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

    	<xf:group id="" style="padding: 30px;">
    		<w2:textbox id="" label="Sorting in GridView (useCtrlOnMultiSort)" style="width:323px;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="" scrollByColumn="false" scrollByColumnAdaptive="false" style="height: 300px;margin-top: 30px;" visibleRowNum="13"
    			hideHeader="" showSortableImage="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="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" sortable="true"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column17" value="Income" displayMode="label" sortable="true"></w2:column>
    					<w2:column width="70" inputType="text" style="height:20px" id="column16" value="Expense" displayMode="label" sortable="true"></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" repeatNode="map" id="dataList1" saveRemovedData="true">
    				<w2:columnInfo>
    					<w2:column id="c_code" name="city_code" dataType="text"></w2:column>
    					<w2:column id="airport" name="airport" dataType="text"></w2:column>
    					<w2:column id="country" name="country" dataType="text"></w2:column>
    					<w2:column id="city" name="city" dataType="text"></w2:column>
    					<w2:column id="a_code" name="airport_code" dataType="text"></w2:column>
    					<w2:column id="traffic" name="traffic" 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 = [{
			"c_code" : "PAR",
			"airport" : "ORLY",
			"country" : "FRANCE",
			"city" : "PARIS",
			"a_code" : "ORY",
			"traffic" : "50000"
		}, {
			"c_code" : "PDX",
			"airport" : "PORTLAND INT’L",
			"country" : "U.S.A.",
			"city" : "PORTLAND",
			"a_code" : "PDX",
			"traffic" : "1000"
		}, {
			"c_code" : "PEK",
			"airport" : "CAPITAL",
			"country" : "CHINA",
			"city" : "BEIJING",
			"a_code" : "PEK",
			"traffic" : "40000"
		}, {
			"c_code" : "PER",
			"airport" : "PERTH",
			"country" : "AUSTRALIA",
			"city" : "PERTH",
			"a_code" : "PER",
			"traffic" : "15000"
		}, {
			"c_code" : "PHL",
			"airport" : "PHILADELPHIA INT’L",
			"country" : "U.S.A.",
			"city" : "PHILADELPHIA",
			"a_code" : "PHL",
			"traffic" : "10000"
		}, {
			"c_code" : "PHX",
			"airport" : "SKY HARBOR ",
			"country" : "U.S.A.",
			"city" : "PHOENIX",
			"a_code" : "PHX",
			"traffic" : "7000"
		}, {
			"c_code" : "PIT",
			"airport" : "PITTSBURGH INT’L",
			"country" : "U.S.A.",
			"city" : "PITTSBURGH",
			"a_code" : "PIT",
			"traffic" : "5000"
		}, {
			"c_code" : "PNH",
			"airport" : "POCHENTONG",
			"country" : "CAMBODIA",
			"city" : "PHNOMPENH",
			"a_code" : "PNH",
			"traffic" : "10000"
		}, {
			"c_code" : "PUS",
			"airport" : "KIMHAE",
			"country" : "KOREA",
			"city" : "PUSAN",
			"a_code" : "PUS",
			"traffic" : "30000"
		}];
		dataList1.setJSON(json);
	};

	scwin.onpageunload = function() {

	};]]></script>
    	<style type="text/css"><![CDATA[.blue {
                color : blue;
                font-weight: bolder;
                font-size: 40px;
                background-color: yellow;
            } ]]></style>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView id="gridView1" style="width: 750px;height: 300px;margin: 50px;margin-top: 50px;" checkAllType="false"
    		scrollByColumn="false" defaultCellHeight="20" scrollByColumnAdaptive="false" dataList="data:dataList1" autoFit="allColumn"
    		visibleRowNum="" rowNumVisible="true" sortable="true" showSortableImage="true" hideSortIconOnNoData="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="column6" value="city_code" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column5" value="airport" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column4" value="country" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column3" value="city" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column2" value="airport_code" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column1" value="traffic" 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="c_code" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="airport" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="country" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="city" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="a_code" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="traffic" 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" repeatNode="map" id="dataList1" saveRemovedData="true">
            		<w2:columnInfo>
            			<w2:column id="c_code" name="city_code" dataType="text"></w2:column>
            			<w2:column id="airport" name="airport" dataType="text"></w2:column>
            			<w2:column id="country" name="country" dataType="text"></w2:column>
            			<w2:column id="city" name="city" dataType="text"></w2:column>
            			<w2:column id="a_code" name="airport_code" 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 = [
        {
            "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 () {

};

scwin.gridView1_oncontextopen = function(rowIndex,colIndex,focusedCell,info) {
    alert(JSON.stringify(info));
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="padding-left: 100px;padding-top: 50px;"><w2:gridView scrollByColumnAdaptive="false" rowNumVisible="true" checkAllType="false" dataList="data:dataList1" style="width: 700px;height: 150px;" scrollByColumn="false" id="gridView1" autoFit="allColumn" visibleRowNum="10" defaultCellHeight="20" contextMenu="true" useHeaderContextMenu="true" ev:oncontextopen="scwin.gridView1_oncontextopen">
    		<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="column5" value="city_code" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column4" value="airport" 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="city" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column1" value="airport_code" 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="c_code" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="airport" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="country" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="city" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="a_code" value="" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView></xf:group></body>
</html>