<?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="col3" name="name3" dataType="text"></w2:column>
        			</w2:columnInfo>
        			<w2:data use="true">
        				<w2:row>
        					<![CDATA[Single]]>
        					<value><![CDATA[Single]]></value>
        					<col3><![CDATA[true]]></col3>
        				</w2:row>
        				<w2:row>
        					<![CDATA[Divorced]]>
        					<value><![CDATA[Divorced]]></value>
        					<col3><![CDATA[true]]></col3>
        				</w2:row>
        				<w2:row>
        					<![CDATA[Married]]>
        					<value><![CDATA[Married]]></value>
        					<col3><![CDATA[true]]></col3>
        				</w2:row>
        				<w2:row>
        					<![CDATA[None]]>
        					<value><![CDATA[None]]></value>
        					<col3><![CDATA[false]]></col3>
        				</w2:row>
        			</w2:data>
        		</w2:dataList>
        	</w2:dataCollection>
        	<w2:workflowCollection></w2:workflowCollection>
        </xf:model>

    	<w2:textbox label='inputType="custom" typeGetter="yourFunction"' style="width: 90%;height: 45px;margin: 30px 10px 20px 30px;padding: 10px;padding-right: 10px;line-height:32px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;" id=""></w2:textbox>
    	<w2:gridView id="gridview1" style="width: 90%;height: 50%;margin-left: 30px;" scrollByColumn="false" defaultCellHeight="20"
    		scrollByColumnAdaptive="false" dataList="data:dataList1" class="" autoFit="allColumn" rowNumVisible="" rowStatusVisible=""
    		showSortableUseFilter="" sortable="" showSortableImage="" sortedIconPosition="" useCtrlOnMultisort="true" editModeEvent="ondblclick"
    		keyMoveEditMode="true" focusFlow="default" focusMode="none" selectedRowColor="#0000FF" visibleRowNum=""
    		noResultMessageStyle="width: 90%;height: 50%;margin-left: 30px;" setCellInputTypeCustom="" ev:oncellclick="scwin.gridview1_oncellclick">
    		<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="text" 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" sortable="false">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column13" value="Status"
    					blockSelect="false" displayMode="label" sortable="">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column11" value="Income"
    					blockSelect="false" displayMode="label" sortable="">
    				</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" sortable="">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px;" id="column5" value="Region"
    					blockSelect="false" displayMode="label" sortable="">
    				</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="" style="height:20px" id="ID" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="custom" style="height:20px" id="Age" value=""
    					blockSelect="false" displayMode="label" typeGetter="getType">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="select" style="height:20px;" id="Status" value=""
    					blockSelect="false" displayMode="label" allOption="" chooseOption="" ref="" sortLabel="" viewType="">
    					<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="custom" style="height:20px" id="Hobby" value=""
    					blockSelect="false" displayMode="label" sortable="true" typeGetter="getType1">
    				</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="calendar" style="height:20px" id="date" value=""
    					blockSelect="false" displayMode="label" typeGetter="" viewType="icon">
    				</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" 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[002]]></autoComplete>
            				<checkcombobox><![CDATA[003]]></checkcombobox>
            				<text><![CDATA[004]]></text>
            			</w2:row>
            			<w2:row>
            				<select><![CDATA[002]]></select>
            				<autoComplete><![CDATA[003]]></autoComplete>
            				<checkcombobox><![CDATA[004]]></checkcombobox>
            				<text><![CDATA[005]]></text>
            			</w2:row>
            			<w2:row>
            				<select><![CDATA[003]]></select>
            				<autoComplete><![CDATA[004]]></autoComplete>
            				<checkcombobox><![CDATA[005]]></checkcombobox>
            				<text><![CDATA[001]]></text>
            			</w2:row>
            			<w2:row>
            				<select><![CDATA[004]]></select>
            				<autoComplete><![CDATA[005]]></autoComplete>
            				<checkcombobox><![CDATA[001]]></checkcombobox>
            				<text><![CDATA[002]]></text>
            			</w2:row>
            			<w2:row>
            				<select><![CDATA[005]]></select>
            				<autoComplete><![CDATA[001]]></autoComplete>
            				<checkcombobox><![CDATA[002]]></checkcombobox>
            				<text><![CDATA[003]]></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:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>

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


<?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:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>

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


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

	scwin.onpageload = function() {
		for (var i = 0; i < 5 ; i ++) {
			 dataList1.insertRow();
		}
	};

	scwin.onpageunload = function() {

	};

	scwin.gridView1_onviewchange = function(info) {

		rowIndex = info.rowIndex+1;
		alert("Row " + rowIndex + " status to be changed.");
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload"><w2:gridView applyAllColumnStyle="false" checkAllType="include" checkOnCellClick="true" dataDragSelect="true" dataList="data:dataList1"
    		defaultCellHeight="20" id="gridView1" ignoreCellClick="false" ignoreToggleOnDisabled="false" rowNumVisible="true"
    		scrollByColumn="false" scrollByColumnAdaptive="false" style="width: 90%;height: 230px;margin: 30px;" summaryAuto="false"
    		summaryOnlyAuto="false" syncScroll="false" useShiftKey="true" visibleRowNum="10" useFilterList="true" showSortableImage="true" ev:onviewchange="scwin.gridView1_onviewchange">
    		<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
    		<w2:header id="header1" style="">
    			<w2:row id="row1" style="">
    				<w2:column blockSelect="false" displayMode="label" excelLabel="선택" id="column1" inputType="checkbox" style=""
    					value="name1" width="70">
    				</w2:column>
    				<w2:column blockSelect="false" displayMode="label" id="column2" inputType="text" style="" value="A" width="70"></w2:column>
    				<w2:column blockSelect="false" displayMode="label" id="column3" inputType="text" style="" value="B" width="70"></w2:column>
    				<w2:column blockSelect="false" displayMode="label" id="column4" inputType="text" style="" value="C" width="70"></w2:column>
    				<w2:column blockSelect="false" displayMode="label" id="column5" inputType="text" style="" value="D" width="70"></w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody id="gBody1" style="">
    			<w2:row id="row2" style="">
    				<w2:column blockSelect="false" checkAlways="false" checkboxLabel="" displayMode="label" falseValue="N" id="col1"
    					inputType="checkbox" style="" trueValue="Y" value="" valueType="other" width="70" partialCheckNextClick="check" checkHeaderOnviewchange="true">
    				</w2:column>
    				<w2:column blockSelect="false" displayMode="label" id="col2" inputType="" style="" value="" width="70"></w2:column>
    				<w2:column blockSelect="false" displayMode="label" id="col3" inputType="text" style="" value="" width="70"></w2:column>
    				<w2:column blockSelect="false" displayMode="label" id="col4" inputType="text" style="" value="" width="70"></w2:column>
    				<w2:column blockSelect="false" displayMode="label" id="col5" inputType="text" style="" value="" width="70"></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="number" id="col4" name="Quantity"></w2:column>
            		</w2:columnInfo>
            	</w2:dataList>
            	<w2:dataList baseNode="list" repeatNode="map" id="dataList2" 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[Asia]]></col1>
            				<col2><![CDATA[01]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[Europe]]></col1>
            				<col2><![CDATA[02]]></col2>
            			</w2:row>
            			<w2:row>
            				<col1><![CDATA[Americas]]></col1>
            				<col2><![CDATA[03]]></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() {
		var json = [
			{"col1" : "Asia", "col2" : "Korea", "col3" : "13452", "col4" : "37.2"},
			{"col1" : "Asia", "col2" : "China", "col3" : "20392", "col4" : "40.3"},
			{"col1" : "Asia", "col2" : "Japan", "col3" : "45993", "col4" : "35.0"},
			{"col1" : "Europe", "col2" : "Germany", "col3" : "19034", "col4" : "39.8"},
			{"col1" : "Europe", "col2" : "France", "col3" : "58922", "col4" : "41.2"},
			{"col1" : "Europe", "col2" : "Denmark", "col3" : "43267", "col4" : "38.7"},
			{"col1" : "Americas", "col2" : "Canada", "col3" : "32012", "col4" : "36.9"},
			{"col1" : "Americas", "col2" : "USA", "col3" : "18290", "col4" : "38.1"},
			{"col1" : "Americas", "col2" : "Mexico", "col3" : "34102", "col4" : "39.5"}
			];
		dataList1.setJSON(json);
	};

	scwin.onpageunload = function() {

	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="padding: 90px;margin-left: 100px;"><w2:gridView showSortableUseFilter="" scrollByColumnAdaptive="false" rowNumVisible="" useShiftKey="true" scrollByColumn="false" sortable="" defaultCellHeight="20" noResultMessageVisible="" focusMode="cell" selectedCellColor="#FF8040" checkAllType="false" dataList="data:dataList1" copyType="native" style="width: 500px;height: 150px;" id="gridView1" autoFit="allColumn" visibleRowNum="18" useFilterList="" useCtrlKey="" copyOption="">
    		<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="ID" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column1" value="Record" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody1">
    			<w2:row style="" id="row2">
    				<w2:column ref="" directOpen="true" chooseOption="" width="70" viewType="icon" inputType="autoComplete" style="height:20px" id="col1" allOption="" viewTypeIconImage="true" value="" displayMode="label">
    					<w2:choices>
    						<w2:itemset nodeset="data:dataList2">
    							<w2:label ref="col1"></w2:label>
    							<w2:value ref="col2"></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="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></xf:group></body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
        	<xf:instance>
        		<data xmlns="" />
        	</xf:instance>
        	<w2:dataCollection baseNode="map">
        		<w2:dataList baseNode="list" id="dataList1" repeatNode="map" saveRemovedData="true" style="">
        			<w2:columnInfo>
        				<w2:column dataType="text" id="col1" name="Continent"></w2:column>
        				<w2:column dataType="text" id="col2" name="Country"></w2:column>
        				<w2:column dataType="text" id="col3" name="Item"></w2:column>
        				<w2:column dataType="text" id="col4" name="Quantity"></w2:column>
        			</w2:columnInfo>
        		</w2:dataList>
        		<w2:dataList baseNode="list" repeatNode="map" id="dataList2" saveRemovedData="true">
        			<w2:columnInfo>
        				<w2:column id="col1" name="Continent" dataType="text"></w2:column>
        				<w2:column id="col2" name="Country" dataType="text"></w2:column>
        				<w2:column id="col3" name="Item" dataType="text"></w2:column>
        				<w2:column id="col4" name="Quantity" 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 = [
			{"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" : "North and South Americas", "col2" : "Canada", "col3" : "TV", "col4" : "100"},
			{"col1" : "North and South Americas", "col2" : "Canada", "col3" : "Freezer", "col4" : "300"},
			{"col1" : "North and South Americas", "col2" : "Canada", "col3" : "Washer", "col4" : "200"},
			{"col1" : "North and South Americas", "col2" : "USA", "col3" : "TV", "col4" : "100"},
			{"col1" : "North and South Americas", "col2" : "USA", "col3" : "Freezer", "col4" : "300"},
			{"col1" : "North and South Americas", "col2" : "USA", "col3" : "Washer", "col4" : "200"},
			{"col1" : "North and South Americas", "col2" : "Mexico", "col3" : "TV", "col4" : "100"},
			{"col1" : "North and South Americas", "col2" : "Mexico", "col3" : "Freezer", "col4" : "300"},
			{"col1" : "North and South Americas", "col2" : "Mexico", "col3" : "Washer", "col4" : "200"}
			];
		dataList1.setJSON(json);

		dataList2.setJSON(json);
	};

	scwin.onpageunload = function() {

	};

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

scwin.trigger2_onclick = function(e) {
gridView1.setRowStatusVisible(true);
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:group tagname="table" style="width:90%;margin: 20px;" id="" class="w2tb">
    		<w2:attributes>
    			<w2:summary></w2:summary>
    		</w2:attributes>
    		<xf:group tagname="caption"></xf:group>
    		<xf:group tagname="colgroup">
    			<xf:group tagname="col" style="width:50.00%;"></xf:group><xf:group tagname="col" style="width:50.00%"></xf:group>
    		</xf:group>
    		<xf:group tagname="tr">
    			<xf:group tagname="td" class="w2tb_td">
    				<w2:attributes></w2:attributes>
    				<w2:gridView id="gridView1" style="width: 90%;height: 50%;margin: 20px;" scrollByColumn="false" defaultCellHeight="20"
    					scrollByColumnAdaptive="false" dataList="data:dataList1" autoFit="allColumn" dataDragSelect="" useShiftKey="true"
    					dataDragDrop="true" useCtrlKey="" useCtrlOnMultisort="" dataDragDropStatus="true" cellStatusVisible="true"
    					cellStatusIconPosition="left" hammerEnabled="true" contextMenu="true" focusFlow="linear" selectedCellColor="lightgreen"
    					focusMode="none" selectedRowColor="pink" visibleRowNum="9" visibleRowNumFix="true" useFilterList="true" rowNumVisible="true">
    					<w2:caption style="" id="caption2" value="this is a grid caption."></w2:caption>
    					<w2:header style="" id="header2">
    						<w2:row style="" id="row3">
    							<w2:column width="70" inputType="text" style="" id="column11" value="Continent" displayMode="label">
    							</w2:column>
    							<w2:column width="70" inputType="text" style="" id="column10" value="Country" displayMode="label"></w2:column>
    							<w2:column width="70" inputType="text" style="" id="column9" value="Item" displayMode="label"
    								useFilter="true">
    							</w2:column>
    							<w2:column width="70" inputType="text" style="" id="column8" value="Quantity" displayMode="label"></w2:column>
    						</w2:row>
    					</w2:header>
    					<w2:gBody style="" id="gBody2">
    						<w2:row style="" id="row4">
    							<w2:column width="70" inputType="" style="" id="col1" value="" displayMode="label"></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:footer style="" id="footer1">
    						<w2:row style="" id="row5">
    							<w2:column width="210" inputType="text" style="" id="column15"
    								value="sumif('col4', 'Freezer', 'col3')" displayMode="label" colSpan="3" rowSpan="">
    							</w2:column>
    							<w2:column width="70" inputType="expression" style="" id="column12" value="" displayMode="label"
    								expression="sumif('col4', 'Freezer', 'col3')">
    							</w2:column>
    						</w2:row>
    					</w2:footer>
    				</w2:gridView>
    			</xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<w2:gridView autoFit="allColumn" cellStatusIconPosition="left" cellStatusVisible="true" contextMenu="true"
    					dataDragDrop="true" dataDragDropStatus="true" dataDragSelect="" dataList="data:dataList2" defaultCellHeight="20" focusFlow="linear"
    					focusMode="none" hammerEnabled="true" id="gridView2" rowNumVisible="true" scrollByColumn="false" scrollByColumnAdaptive="false"
    					selectedCellColor="lightgreen" selectedRowColor="pink" style="width: 90%;height: 50%;margin: 20px;" useCtrlKey=""
    					useCtrlOnMultisort="" useFilterList="true" useShiftKey="true" visibleRowNum="9" visibleRowNumFix="true">
    					<w2:caption id="caption2" style="" value="this is a grid caption."></w2:caption>
    					<w2:header id="header2" style="">
    						<w2:row id="row3" style="">
    							<w2:column displayMode="label" id="column11" inputType="text" style="" value="Continent"
    								width="70" useFilter="true">
    							</w2:column>
    							<w2:column displayMode="label" id="column10" inputType="text" style="" value="Country" width="70" useFilter="false"></w2:column>
    							<w2:column displayMode="label" id="column9" inputType="text" style="" useFilter="true" value="Item"
    								width="70">
    							</w2:column>
    							<w2:column displayMode="label" id="column8" inputType="text" style="" value="Quantity" width="70"></w2:column>
    						</w2:row>
    					</w2:header>
    					<w2:gBody id="gBody2" style="">
    						<w2:row id="row4" style="">
    							<w2:column displayMode="label" id="col1" inputType="" style="" value="" width="70"></w2:column>
    							<w2:column displayMode="label" id="col2" inputType="text" style="" value="" width="70"></w2:column>
    							<w2:column displayMode="label" id="col3" inputType="text" style="" value="" width="70"></w2:column>
    							<w2:column displayMode="label" id="col4" inputType="text" style="" value="" width="70"></w2:column>
    						</w2:row>
    					</w2:gBody>
    					<w2:footer id="footer1" style="">
    						<w2:row id="row5" style="">
    							<w2:column colSpan="3" displayMode="label" id="column15" inputType="text" rowSpan="" style=""
    								value="sumifs('col4', 'TV', 'col3', 'Asia', 'col1')" width="210">
    							</w2:column>
    							<w2:column displayMode="label" expression="sumifs('col4', 'TV', 'col3', 'Asia', 'col1')" id="column12"
    								inputType="expression" style="" value="" width="70">
    							</w2:column>
    						</w2:row>
    					</w2:footer>
    				</w2:gridView>
    			</xf:group>
    		</xf:group>
    	</xf:group>

    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList baseNode="list" repeatNode="map" id="dataList1" saveRemovedData="true">
            		<w2:columnInfo>
            			<w2:column id="value" name="value" dataType="text"></w2:column>
            			<w2:column id="col2" name="name2" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<value><![CDATA[1856.2]]></value>

            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[1036546.25]]></value>

            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[-1095872]]></value>

            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[57469.55]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[0]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[50912.6]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[201.2]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[440]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[5.9]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[10]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[2025.71]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[5249.5]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[547.9]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[45.5]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[660.59]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[-2629.35]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[-57469.55]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            			<w2:row>
            				<value><![CDATA[0]]></value>
            				<col2><![CDATA[]]></col2>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            	<w2:dataList baseNode="list" repeatNode="map" id="dataList2" saveRemovedData="true">
            		<w2:columnInfo>
            			<w2:column id="target" name="target" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</w2:row>
            			<w2:row>
            				<target><![CDATA[]]></target>
            			</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 count = dataList1.getRowCount();
		var arr =[];
        	for(var i=0;i<count;i++) {
	        	floating = dataList1.getCellData(i, "value");
	        	target = (floating * 100);
	        	arr[i] = target;
        	}
        dataList2.setData(arr, false, ["target"]);
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:group tagname="table" style="width:80%;margin: 50px;margin-top: 20px;" id="" class="w2tb">
    		<w2:attributes>
    			<w2:summary></w2:summary>
    		</w2:attributes>
    		<xf:group tagname="caption"></xf:group>
    		<xf:group tagname="colgroup">
    			<xf:group tagname="col" style="width:40%;"></xf:group>
    			<xf:group tagname="col" style="width:20%;"></xf:group>
    			<xf:group tagname="col" style="width:40%;"></xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style=";font-size:20px;font-size-adjust:0;font-weight:bolder;background-color:#C0C0C0;" class="w2tb_th">Floating&nbsp;Point&nbsp;Numbers<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style=";font-weight:bolder;font-family:cursive;background-color:#C0C0C0;" class="w2tb_td"></xf:group>
    			<xf:group tagname="th" style="font-size:20px;font-size-adjust:0;font-weight:bolder;background-color:#C0C0C0;" class="w2tb_th">Integers<w2:attributes>
    					<w2:scope>col</w2:scope>
    				</w2:attributes></xf:group>
    		</xf:group>
    		<xf:group tagname="tr">
    			<xf:group tagname="th" style="text-align: center;background-color:#FFFFFF;border-right-color:;" class="w2tb_th">
    				<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes>
    				<w2:gridView autoFit="allColumn" dataList="data:dataList1" defaultCellHeight="20" filterBoxvisibleRowNum="" id=""
    					scrollByColumn="false" scrollByColumnAdaptive="false" style="width: 80%;height: 220px;margin: 30px;" visibleRowNum="25">
    					<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
    					<w2:header id="header1" style="">
    						<w2:row id="row1" style="">
    							<w2:column blockSelect="false" displayMode="label" id="column1" inputType="text" removeBorderStyle="false"
    								style="height:30px;font-size:20px;font-weight:bolder;font-family:monospace;color:blue;" value="value" width="70">
    							</w2:column>
    						</w2:row>
    					</w2:header>
    					<w2:gBody id="gBody1" style="">
    						<w2:row id="row2" style="">
    							<w2:column blockSelect="false" dataType="" displayMode="label" id="value" inputType=""
    								removeBorderStyle="false" style="height:20px;text-align: right;" value="" width="70">
    							</w2:column>
    						</w2:row>
    					</w2:gBody>
    					<w2:footer id="footer1" style="">
    						<w2:row id="row3" style="">
    							<w2:column blockSelect="false" dataType="" displayMode="label" expression='SUM("value")' id="column3"
    								inputType="expression" removeBorderStyle="false" style="height:40px;font-size:40px;font-style:italic;color:red;font-weight:bolder;" value="" width="70">
    							</w2:column>
    						</w2:row>
    					</w2:footer>
    				</w2:gridView>
    			</xf:group>
    			<xf:group tagname="td" style="text-align: center;border-right-color:;border-left-color:;" class="w2tb_td">
    				<xf:trigger type="button" style="width:140px;height:45px;font-size:20px;font-style:italic;font-weight:bolder;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    					<xf:label><![CDATA[X 10 >>>]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    			<xf:group tagname="th" style="text-align: center;background-color:#FFFFFF;" class="w2tb_th">
    				<w2:attributes>
    					<w2:scope>col</w2:scope>
    				</w2:attributes>
    				<w2:gridView autoFit="allColumn" dataList="data:dataList2" defaultCellHeight="20" filterBoxvisibleRowNum="" id=""
    					scrollByColumn="false" scrollByColumnAdaptive="false" style="width: 80%;height: 220px;margin: 30px;" visibleRowNum="25">
    					<w2:caption id="caption1" style="" value="this is a grid caption."></w2:caption>
    					<w2:header id="header1" style="">
    						<w2:row id="row1" style="">
    							<w2:column blockSelect="false" displayMode="label" id="column1" inputType="text" removeBorderStyle="false"
    								style="height:30px;font-size:20px;font-weight:bolder;font-family:monospace;color:blue;" value="value X 100" width="70">
    							</w2:column>
    						</w2:row>
    					</w2:header>
    					<w2:gBody id="gBody1" style="">
    						<w2:row id="row2" style="">
    							<w2:column blockSelect="false" dataType="" displayMode="label" id="target" inputType="text"
    								removeBorderStyle="false" style="height:20px;text-align: right;" value="" width="70">
    							</w2:column>
    						</w2:row>
    					</w2:gBody>
    					<w2:footer id="footer1" style="">
    						<w2:row id="row3" style="">
    							<w2:column blockSelect="false" dataType="" displayMode="label" expression='SUM("target")' id="column3"
    								inputType="expression" removeBorderStyle="false" style="height:40px;font-size:40px;font-style:italic;color:red;font-weight:bolder;" value="" width="70">
    							</w2:column>
    						</w2:row>
    					</w2:footer>
    				</w2:gridView>
    			</xf:group>
    		</xf:group>
    	</xf:group>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
    	<w2:buildDate />
    	<xf:model>
    		<xf:instance>
    			<data xmlns="" />
    		</xf:instance>
    		<w2:dataCollection baseNode="map">
    			<w2:dataList baseNode="list" repeatNode="map" id="dataList1" saveRemovedData="true">
    				<w2:columnInfo>
    					<w2:column id="col1" name="city" dataType="text"></w2:column>
    					<w2:column id="col2" name="year" dataType="text"></w2:column>
    					<w2:column id="col3" name="month" dataType="text"></w2:column>
    					<w2:column id="col4" name="sales" dataType="number"></w2:column>
    				</w2:columnInfo>
    				<w2:data use="true">
    					<w2:row>
    						<col1><![CDATA[Seoul]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Jan]]></col3>
    						<col4><![CDATA[100]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Seoul]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Feb]]></col3>
    						<col4><![CDATA[100]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Seoul]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Mar]]></col3>
    						<col4><![CDATA[100]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Seoul]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Apr]]></col3>
    						<col4><![CDATA[100]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Seoul]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[May]]></col3>
    						<col4><![CDATA[100]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Seoul]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Jun]]></col3>
    						<col4><![CDATA[100]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Seoul]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Jan]]></col3>
    						<col4><![CDATA[100]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Seoul]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Feb]]></col3>
    						<col4><![CDATA[100]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Seoul]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Mar]]></col3>
    						<col4><![CDATA[100]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Seoul]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Apr]]></col3>
    						<col4><![CDATA[100]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Seoul]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[May]]></col3>
    						<col4><![CDATA[100]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Seoul]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Jun]]></col3>
    						<col4><![CDATA[100]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Busan]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Jan]]></col3>
    						<col4><![CDATA[90]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Busan]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Feb]]></col3>
    						<col4><![CDATA[90]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Busan]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Mar]]></col3>
    						<col4><![CDATA[90]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Busan]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Apr]]></col3>
    						<col4><![CDATA[90]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Busan]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[May]]></col3>
    						<col4><![CDATA[90]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Busan]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Jun]]></col3>
    						<col4><![CDATA[90]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Busan]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Jul]]></col3>
    						<col4><![CDATA[90]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Busan]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Jan]]></col3>
    						<col4><![CDATA[90]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Busan]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Feb]]></col3>
    						<col4><![CDATA[90]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Busan]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Mar]]></col3>
    						<col4><![CDATA[90]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Busan]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Apr]]></col3>
    						<col4><![CDATA[90]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Busan]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[May]]></col3>
    						<col4><![CDATA[90]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Jeju]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Jun]]></col3>
    						<col4><![CDATA[110]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Jeju]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Feb]]></col3>
    						<col4><![CDATA[110]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Jeju]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Mar]]></col3>
    						<col4><![CDATA[110]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Jeju]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Apr]]></col3>
    						<col4><![CDATA[110]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Jeju]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[May]]></col3>
    						<col4><![CDATA[110]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Jeju]]></col1>
    						<col2><![CDATA[2010]]></col2>
    						<col3><![CDATA[Jun]]></col3>
    						<col4><![CDATA[110]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Jeju]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Jan]]></col3>
    						<col4><![CDATA[110]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Jeju]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Feb]]></col3>
    						<col4><![CDATA[110]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Jeju]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Mar]]></col3>
    						<col4><![CDATA[110]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Jeju]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Apr]]></col3>
    						<col4><![CDATA[110]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Jeju]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[May]]></col3>
    						<col4><![CDATA[110]]></col4>
    					</w2:row>
    					<w2:row>
    						<col1><![CDATA[Jeju]]></col1>
    						<col2><![CDATA[2020]]></col2>
    						<col3><![CDATA[Jun]]></col3>
    						<col4><![CDATA[110]]></col4>
    					</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 footerData = gridView1.getFooterData(3);
		alert(footerData);
	};
	]]></script>
    	<style type="text/css"><![CDATA[.blue{background-color: pink;}]]></style>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView checkAllType="false" scrollByColumn="false" defaultCellHeight="20" scrollByColumnAdaptive="false" id="gridView1"
    		style="width: 500px;height: 300px;margin: 50px;" dataList="data:dataList1" mergeCells="" autoFit="allColumn">
    		<w2:caption style="" id="caption2" value="this is a grid caption."></w2:caption>
    		<w2:header style="" id="header2">
    			<w2:row style="" id="row4">
    				<w2:column width="70" inputType="text" style="height:20px" id="column16" value="city" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column15" value="year" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column14" value="month" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column13" value="sales" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody2">
    			<w2:row style="" id="row5">
    				<w2:column width="70" inputType="text" style="height:20px" id="col1" value="" displayMode="label" colMerge="true"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="col2" value="" displayMode="label" colMerge=""></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:subTotal targetColumnID="col1" style="" id="subTotal2">
    			<w2:row style="" id="row7">
    				<w2:column width="70" inputType="text" style="height:20px" id="column24" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column23" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column22" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="expression" style="height:20px" id="column21" value="" displayMode="label"
    					expression='sum("col4")'>
    				</w2:column>
    			</w2:row>
    		</w2:subTotal>
    		<w2:footer style="" id="footer1">
    			<w2:row style="" id="row8">
    				<w2:column width="70" inputType="text" style="height:20px" id="column28" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column27" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column26" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="expression" style="height:20px" id="column25" value="" displayMode="label"
    					expression='sum("col4")'>
    				</w2:column>
    			</w2:row>
    		</w2:footer>
    	</w2:gridView>
    	<xf:trigger type="button" id="trigger1" style="width:200px;margin-left: 50px;line-height:20px;height: 30px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;top:20px;text-align:left;padding-left: 5px;" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[getFooterData()]]></xf:label>
    	</xf:trigger>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/Guide/GridView/color.css" type="text/css"?>
<?xml-stylesheet href="/Guide/GridView/style.css" type="text/css"?>
<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"
        			ev:oncelldatachange="scwin.dataList1_oncelldatachange">
        			<w2:columnInfo>
        				<w2:column id="Status" name="Status" dataType="text" importFormatter=""></w2:column>
        				<w2:column id="Date" name="Date" dataType="text"></w2:column>
        				<w2:column id="Expense" name="Expense" dataType="text"></w2:column>
        				<w2:column id="Income" name="Income" 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" importFormatter=""></w2:column>
        				<w2:column id="ID" name="ID" dataType="text"></w2:column>
        				<w2:column id="Age" name="Age" dataType="text"></w2:column>
        			</w2:columnInfo>
        		</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>
        <script type="text/javascript" lazy="false"><![CDATA[

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

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView id="gridView1" style="width: 90%;margin: 30px;height: 75%;" scrollByColumn="false" defaultCellHeight="20"
    		scrollByColumnAdaptive="false" dataList="data:dataList1" visibleRowNum="20" rowNumVisible="true" autoFit="allColumn"
    		contextMenu="true" ev:oncelldblclick="scwin.gridView1_oncelldblclick" autoFitMinWidth="0">
    		<w2:caption style="" id="caption1" value="this is a grid caption."></w2:caption>
    		<w2:header style="" id="header1">
    			<w2:row style="" id="row1">
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column9" value="Status"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column8" value="Date"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column7" value="Expense"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column6" value="Income"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column5" value="Hobby"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column4" 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="column2" value="ID"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column1" value="Age"
    					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="text" style="height:20px" id="Status" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="" style="height:20px" id="Date" value="" blockSelect="false"
    					displayMode="label" displayFormatFunc="scwin.dateFormatter" displayFormat="">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="Expense" value=""
    					blockSelect="false" displayMode="label" displayFormat="#,###,###" displayFormatter="" displayFormatFunc="">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="Income" value=""
    					blockSelect="false" displayMode="label" displayType="#,###" displayFormat="#,###,###">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="Hobby" value=""
    					blockSelect="false" displayMode="label" displayFormat="" customFormatter="">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" 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="ID" value=""
    					blockSelect="false" displayMode="label" displayFormatter="">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="Age" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    			</w2:row>
    		</w2:gBody>
    		<w2:footer style="" id="footer4">
    			<w2:row style="" id="row6">
    				<w2:column removeBorderStyle="false" width="140" inputType="text" style="height:20px;" id="column45" value="Footer"
    					blockSelect="false" displayMode="label" colSpan="2" rowSpan="">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="expression" style="height:20px" id="column43" value=""
    					blockSelect="false" displayMode="label" dataType="number" expression='MIN("Expense")' displayFormat="#,###">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="expression" style="height:20px" id="column42" value=""
    					blockSelect="false" displayMode="label" dataType="number" expression='MAX("Income")' displayFormat="#,###">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column41" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column40" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="expression" style="height:20px" id="column39" value=""
    					blockSelect="false" displayMode="label" dataType="number" expression='SUM("Frequency")'>
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="" style="height:20px" id="column38" value=""
    					blockSelect="false" displayMode="label" dataType="" expression=''>
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="expression" style="height:20px" id="column37" value=""
    					blockSelect="false" displayMode="label" dataType="number" expression='AVG("Age")'>
    				</w2:column>
    			</w2:row>
    		</w2:footer>
    	</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" repeatNode="map" id="dataList1" saveRemovedData="true">
            		<w2:columnInfo>
            			<w2:column id="month" name="Month" dataType="text"></w2:column>
            			<w2:column id="type" name="Type" dataType="text"></w2:column>
            			<w2:column id="leaves" name="Leaves" dataType="text"></w2:column>
            		</w2:columnInfo>
            		<w2:data use="true">
            			<w2:row>
            				<month><![CDATA[Jan]]></month>
            				<type><![CDATA[Sick Leaves]]></type>
            				<leaves><![CDATA[1]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Feb]]></month>
            				<type><![CDATA[Sick Leaves]]></type>
            				<leaves><![CDATA[2]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Mar]]></month>
            				<type><![CDATA[Sick Leaves]]></type>
            				<leaves><![CDATA[2]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Apr]]></month>
            				<type><![CDATA[Sick Leaves]]></type>
            				<leaves><![CDATA[1]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[May]]></month>
            				<type><![CDATA[Sick Leaves]]></type>
            				<leaves><![CDATA[3]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Jun]]></month>
            				<type><![CDATA[Sick Leaves]]></type>
            				<leaves><![CDATA[1]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Jul]]></month>
            				<type><![CDATA[Sick Leaves]]></type>
            				<leaves><![CDATA[0]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Aug]]></month>
            				<type><![CDATA[Sick Leaves]]></type>
            				<leaves><![CDATA[1]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Sep]]></month>
            				<type><![CDATA[Sick Leaves]]></type>
            				<leaves><![CDATA[2]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Oct]]></month>
            				<type><![CDATA[Sick Leaves]]></type>
            				<leaves><![CDATA[2]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Nov]]></month>
            				<type><![CDATA[Sick Leaves]]></type>
            				<leaves><![CDATA[1]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Dec]]></month>
            				<type><![CDATA[Sick Leaves]]></type>
            				<leaves><![CDATA[0]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Jan]]></month>
            				<type><![CDATA[Regular Leaves]]></type>
            				<leaves><![CDATA[10]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Feb]]></month>
            				<type><![CDATA[Regular Leaves]]></type>
            				<leaves><![CDATA[9]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Mar]]></month>
            				<type><![CDATA[Regular Leaves]]></type>
            				<leaves><![CDATA[13]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Apr]]></month>
            				<type><![CDATA[Regular Leaves]]></type>
            				<leaves><![CDATA[15]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[May]]></month>
            				<type><![CDATA[Regular Leaves]]></type>
            				<leaves><![CDATA[9]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Jun]]></month>
            				<type><![CDATA[Regular Leaves]]></type>
            				<leaves><![CDATA[20]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Jul]]></month>
            				<type><![CDATA[Regular Leaves]]></type>
            				<leaves><![CDATA[24]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Aug]]></month>
            				<type><![CDATA[Regular Leaves]]></type>
            				<leaves><![CDATA[8]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Sep]]></month>
            				<type><![CDATA[Regular Leaves]]></type>
            				<leaves><![CDATA[7]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Oct]]></month>
            				<type><![CDATA[Regular Leaves]]></type>
            				<leaves><![CDATA[6]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Nov]]></month>
            				<type><![CDATA[Regular Leaves]]></type>
            				<leaves><![CDATA[10]]></leaves>
            			</w2:row>
            			<w2:row>
            				<month><![CDATA[Dec]]></month>
            				<type><![CDATA[Regular Leaves]]></type>
            				<leaves><![CDATA[19]]></leaves>
            			</w2:row>
            		</w2:data>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>

    <xf:group id="" style="margin-left: 100px;padding: 50px;"><w2:textbox style="width:400px;padding:5px;line-height:32px;height:66px;background-color:#C0C0C0;font-size:15px;font-family: monospace;font-style: normal;font-weight:bolder;margin-bottom:30px;" id="" label='useFilterList="true" (GridView)
useFilter="true" (gridView.column)' escape="false">
    	</w2:textbox>
    	<w2:gridView scrollByColumnAdaptive="false" dataList="data:dataList1" style="width: 400px;height: 300px;" scrollByColumn="false"
    		id="" autoFit="allColumn" useFilterList="true" defaultCellHeight="20">
    		<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="column2" value="Month"
    					blockSelect="false" displayMode="label" useFilter="true">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column1" value="Type"
    					blockSelect="false" displayMode="label" useFilter="true">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column5" value="Leaves"
    					blockSelect="false" displayMode="label" useFilter="true">
    				</w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody1">
    			<w2:row style="" id="row2">
    				<w2:column autoFitFilterList="" removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="month"
    					value="" blockSelect="false" displayMode="label" useFilter="">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="type" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="leaves" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    			</w2:row>
    		</w2:gBody>
    		<w2:footer style="" id="footer1">
    			<w2:row style="" id="row3">
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column8" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column7" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="expression" style="height:20px" id="column6" value=""
    					blockSelect="false" displayMode="label" expression='SUM("leaves")'>
    				</w2:column>
    			</w2:row>
    		</w2:footer>
    	</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="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:columnInfo>
        		</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:model>
        <script type="text/javascript" lazy="false"><![CDATA[

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

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView id="" style="width: 90%;height: 300px;margin: 30px;margin-top: 30px;" scrollByColumn="false" defaultCellHeight="20"
    		scrollByColumnAdaptive="false" dataList="data:dataList1" autoFit="allColumn" visibleRowNum="18" rowNumVisible="true" useFilterList="true" useFilterSearch="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="" id="column9" value="Status" displayMode="label" useFilter=""></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" useFilter="true"></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="column2" value="ID" 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="70" inputType="text" style="height:20px" id="Status" value="" displayMode="label" useFilter=""></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="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="ID" value="" displayMode="label"></w2:column>
    				<w2:column width="70" 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"?>
<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="number" 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" : "400"},
			{"col1" : "Asia", "col2" : "Korea", "col3" : "Washer", "col4" : "400"},
			{"col1" : "Asia", "col2" : "China", "col3" : "TV", "col4" : "400"},
			{"col1" : "Asia", "col2" : "China", "col3" : "Freezer", "col4" : "400"},
			{"col1" : "Asia", "col2" : "China", "col3" : "Washer", "col4" : "400"},
			{"col1" : "Asia", "col2" : "Japan", "col3" : "TV", "col4" : "823"},
			{"col1" : "Asia", "col2" : "Japan", "col3" : "Freezer", "col4" : "288"},
			{"col1" : "Asia", "col2" : "Japan", "col3" : "Washer", "col4" : "325"},
			{"col1" : "Europe", "col2" : "Germany", "col3" : "TV", "col4" : "823"},
			{"col1" : "Europe", "col2" : "Germany", "col3" : "Freezer", "col4" : "288"},
			{"col1" : "Europe", "col2" : "Germany", "col3" : "Washer", "col4" : "325"},
			{"col1" : "Europe", "col2" : "France", "col3" : "TV", "col4" : "823"},
			{"col1" : "Europe", "col2" : "France", "col3" : "Freezer", "col4" : "288"},
			{"col1" : "Europe", "col2" : "France", "col3" : "Washer", "col4" : "325"},
			{"col1" : "Europe", "col2" : "Denmark", "col3" : "TV", "col4" : "823"},
			{"col1" : "Europe", "col2" : "Denmark", "col3" : "Freezer", "col4" : "288"},
			{"col1" : "Europe", "col2" : "Denmark", "col3" : "Washer", "col4" : "325"},
			{"col1" : "Americas", "col2" : "Canada", "col3" : "TV", "col4" : "823"},
			{"col1" : "Americas", "col2" : "Canada", "col3" : "Freezer", "col4" : "288"},
			{"col1" : "Americas", "col2" : "Canada", "col3" : "Washer", "col4" : "325"},
			{"col1" : "Americas", "col2" : "USA", "col3" : "TV", "col4" : "823"},
			{"col1" : "Americas", "col2" : "USA", "col3" : "Freezer", "col4" : "288"},
			{"col1" : "Americas", "col2" : "USA", "col3" : "Washer", "col4" : "325"},
			{"col1" : "Americas", "col2" : "Mexico", "col3" : "TV", "col4" : "823"},
			{"col1" : "Americas", "col2" : "Mexico", "col3" : "Freezer", "col4" : "288"},
			{"col1" : "Americas", "col2" : "Mexico", "col3" : "Washer", "col4" : "325"}
			];
		dataList1.setJSON(json);

	};

	scwin.onpageunload = function() {

	};

	scwin.gridView1_ongroupby = function(options) {
				options.groupbyHeader = [{ inputType: 'expression', expression: 'toggle() + depthStr() + "    [ " + count() + " Cases ]  "', align: 'left', colSpan:4 }];								options.closeGroup = true,
				options.groupbyFooter = {
				depth_0 : [ {colSpan:3, value: "Grand Total", align: "right"}, { inputType: 'expression', expression:'SUM("col4")'} ],
				depth_1: [ {colSpan:3, value: "Total", align: "right"}, { inputType: 'expression', expression:'SUM("col4")'} ],
				depth_2: [ {colSpan:3, value: "Sub Total", align: "right"}, { inputType: 'expression', expression:'SUM("col4")'} ]
				};
				gridView1.groupby(options);

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="" label='groupbyZoneHeight & groupbyZoneMessage' style="width:500px;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: 200px;margin-top: 10px;"></w2:textbox>
    	<w2:gridView id="gridView1" style="width: 500px;height: 450px;margin: 50px;margin-top: 40px;margin-left: 200px;"
    		checkAllType="false" scrollByColumn="false" defaultCellHeight="20" scrollByColumnAdaptive="false" dataList="data:dataList1"
    		autoFit="allColumn" visibleRowNum="12" groupbyZone="true" ev:ongroupby="scwin.gridView1_ongroupby" groupbyZoneMessage="Drag headers here."
    		groupbyMaxCount="" groupbyFilterBox="" groupbyFilterBoxLocation="" customFilterBox="" useFilterList="" groupbyFilterBoxFormatter="" groupbyZoneHeight="80">
    		<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"
    					useFilter="">
    				</w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column3" value="Country" displayMode="label"
    					useFilter="">
    				</w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column2" value="Item" displayMode="label" useFilter=""></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 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="number" 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) {
		var options = {
			sortIndex: [0,1],
			closeGroup: true,
			groupbyHeader : [{ inputType: "expression", expression: 'toggle() + depthStr() + "    [ " + count() + " Cases ]  "', align: "left", colSpan:"4" }],
			groupbyFooter :	{
				depth_0 : [ {colSpan:"3", value: "Total", align: "right"}, { inputType: "expression", expression:'SUM("col4")'} ],
				depth_1: [ {colSpan:"3", value: "Sub Total", align: "right"}, { inputType: "expression", expression:'SUM("col4")'} ]
				}
		};
		gridView1.groupby(options);
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" style="width:309px;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: 200px;margin-top: 10px;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[groupby()]]></xf:label>
    	</xf:trigger>
    	<w2:gridView id="gridView1" style="width: 500px;height: 150px;margin: 50px;margin-top: 30px;margin-left: 200px;" checkAllType="false" scrollByColumn="false" defaultCellHeight="20"
    		scrollByColumnAdaptive="false" dataList="data:dataList1" autoFit="allColumn" visibleRowNum="18" rowNumVisible="" sortable="" showSortableUseFilter="" useFilterList="" noResultMessageVisible="">
    		<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" dataType=""></w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>
    </body>
</html>