<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:wframe style="width:80%;height:400px;border-color:purple;border-style:solid;margin: 50px;" id="" src="popUp.xml"></w2:wframe>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		requires("uiplugin.popup");
		var options = {
			id: "popup1",
			type: "wframePopup",
			height: "300px",
			width: "300px",
			closeAction: "scwin.closeAction"
		};
		$p.openPopup("", options);
	};

	scwin.closeAction = function (id, info) {
		if (!info.isCloseButtonClick) {
			return true;
			}
			alert("To be closed by scwin.closeAction...");
			return  true;
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" style="width:248px;height:39px;margin-top:30px;margin-left: 100px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;text-align:left;font-style:normal;font-weight:bolder;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[openPopup()]]></xf:label>
    	</xf:trigger>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox label="browserPopup" style="width: 250px;height: 30px;margin: 10px;font: 30px bolder;padding: 10px;background-color: black;color: white;" id=""></w2:textbox>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload" >
    	<w2:textbox label="wframePopup" style="width: 250px;height: 30px;margin: 10px;font: 30px bolder;padding: 10px;background-color: red;color: white;" id=""></w2:textbox>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		requires("uiplugin.popup");

		var rowJSON = {
		"Product Info" : {"Origin" : "Korea", "Manufacturer" : "Inswave", "Type" : "Software"},
		"Region": "Seoul",
		"Carrier" : true
		};

		var dataObject = {
		"type" : "json",
		"name" : "param",
		"data" : rowJSON
		};

		var options = {
			id: "popup1",
			type: "wframePopup",
			height: "300px",
			width: "300px",
			dataObject :  dataObject
		};

		$p.openPopup("src.xml", options);
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" style="width:248px;height:39px;margin-top:30px;margin-left: 100px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;text-align:left;font-style:normal;font-weight:bolder;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[openPopup()]]></xf:label>
    	</xf:trigger>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		var iswframepopup = $p.isWFramePopup();
		alert("Am I a WFrame popup? : " + iswframepopup);
	};

	scwin.trigger2_onclick = function(e) {
		var iswframepopup = $p.isWFramePopup(true);
		alert("Is my PARENT a WFrame popup? : " + iswframepopup);
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" style="width:150px;padding:5px;line-height:32px;background-color:#C0C0C0;font-size:13px;font-family:monospace;font-style:normal;font-weight:bolder;margin:20px;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[isWFramePopup()]]></xf:label>
    	</xf:trigger>
    	<xf:trigger type="button" style="width:150px;padding: 5px;line-height:32px;background-color:#C0C0C0;font-size:13px;font-family:monospace;font-style:normal;font-weight:bolder;" id="trigger2" ev:onclick="scwin.trigger2_onclick">
    		<xf:label><![CDATA[isWFramePopup(true)]]></xf:label>
    	</xf:trigger>
    	<w2:textbox id="text1" label="WFrame"
    		style="width:328px;height:63px;margin-left:20px;font-size:20px;font-weight:bolder;font-style:italic;font-family:sans-serif;line-height:60px;">
    	</w2:textbox>

    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		requires("uiplugin.popup");
		var options1 = {
		  id : "pop1",
		  type : "wframePopup",
		  popupName : "PopUp1",
		  width: "300px",
		  height: "200px",
		  top: "50px",
		  left: "300px"
		};

		$p.openPopup("pop1.xml",  options1 );
	};

	scwin.trigger2_onclick = function(e) {
		requires("uiplugin.popup");
		var options2 = {
		  id : "pop2",
		  type : "iframePopup",
		  popupName : "PopUp2",
		  width: "300px",
		  height: "200px",
		  top: "250px",
		  left: "300px"
		};

		$p.openPopup("pop2.xml",  options2 );

	};

	scwin.trigger3_onclick = function(e) {
		requires("uiplugin.popup");
		var options2 = {
		  id : "pop3",
		  type : "browserPopup",
		  popupName : "PopUp3",
		  width: "300px",
		  height: "200px",
		  top: "110px",
		  left: "300px"
		};

		$p.openPopup("pop3.xml",  options2 );

	};

	scwin.trigger4_onclick = function(e) {

		var popUps = $p.getAllPopupWindowList(true);
		var eachValue;
		var allValues = "";
		var i;
		for (i = 0; i < popUps.length; i++) {
			eachValue = popUps[i].text1.getValue();
			allValues += eachValue + " ";
		}
		alert(allValues);
	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style=";margin:20px;"><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width:80px;height:32px;font-weight:bolder;color:white;background-color:blue;font-family:sans-serif;border-style:none;" id="trigger1" type="button">
    		<xf:label><![CDATA[PopUp1]]></xf:label>
    	</xf:trigger><xf:trigger ev:onclick="scwin.trigger2_onclick" style="width:80px;height:32px;margin-left:40px;font-weight:bolder;color:white;background-color:green;font-family:sans-serif;border-style:none;" id="trigger2" type="button" class="">
    		<xf:label><![CDATA[PopUp2]]></xf:label>
    	</xf:trigger><xf:trigger ev:onclick="scwin.trigger3_onclick" style="width:80px;height:32px;margin-left:40px;font-weight:bolder;color:white;background-color:orange;font-family:sans-serif;font-style:normal;border-style:none;" id="trigger3" type="button">
    		<xf:label><![CDATA[PopUp3]]></xf:label>
    	</xf:trigger><xf:trigger ev:onclick="scwin.trigger4_onclick" style="width:245px;height:35px;display:block;margin-top:20px;font-weight:bolder;font-family:monospace;font-style:italic;border-style:none;background-color:#C0C0C0;" id="trigger4" type="button" nextTabID="">
    		<xf:label><![CDATA[getAllPopupWindowList();]]></xf:label>
    	</xf:trigger></xf:group></body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		$p.dynamicCreate("group1", "group", {style: "width: 200px; height: 40px; margin: 50px"});

		$p.dynamicCreate("textbox1", "textbox", {style: "border: solid black 2px; float: left; width: 200px; height: 20px; float: left; text-align: center; margin-bottom: 20px"}, group1);

		var comObj = WebSquare.util.getComponentById("textbox1");
		comObj.setValue("Select the date.");

		$p.dynamicCreate("calendar1", "calendar", {style: "width: 200px; float: left; height: 40px; float: left"}, group1);
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" style="width:200px;height:45px;margin-top: 50px;margin-left: 50px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;text-align:left;font-style:normal;font-weight:bolder;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[dynamicCreate()]]></xf:label>
    	</xf:trigger>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		 var option = {
             "id" : "dataList1",
             "type" : "dataList",
             "option" : {
                 "baseNode": "list",
                 "repeatNode": "map"
             },
             "columnInfo" : [
                 {
                     "id" : "JSON_Code",
                     "name": "JSON_Code",
                     "dataType" :"text"
                 }, {
                     "id" :"JSON_CodeName",
                     "name" : "JSON_CodeName",
                     "dataType" :"text"
                 }
             ]
         };
         $p.data.create( option );
	};

	scwin.trigger6_onclick = function(e) {
		var arr1 = [];
        for( var i=0;i<5;i++ ) {
			for(var j=0;j<4;j++) {
			arr1[i*4+j] = "JSON_" + i+j;
			}
		}
		dataList1.setData(arr1);
	};

	scwin.trigger2_onclick = function(e) {
		var dcStr = '<w2:dataList id="dataList2" baseNode="list" repeatNode="map" valueNode=""> '+
                        '<w2:columnInfo>'+
                            '<w2:column id="XML_OrderID" name="XML_Client ID" dataType="text"></w2:column>'+
                            '<w2:column id="XML_CustomerID" name="XML_Client Name" dataType="text"></w2:column>'+
                            '<w2:column id="XML_EmployeeID" name="XML_Employee" dataType="text"></w2:column>'+
                            '<w2:column id="XML_OrderDate" name="XML_Date" dataType="text"></w2:column>'+
                        '</w2:columnInfo>'+
                    '</w2:dataList>';
        $p.data.create(dcStr);
	};

	scwin.trigger7_onclick = function(e) {
		var arr3 = [];
		for( var i=0;i<10;i++ ) {
			for(var j=0;j<4;j++) {
				arr3[i*4+j] = "XML_" + i+j;
			}
		}

		dataList2.setData(arr3);
	};

	scwin.trigger5_onclick = function(e) {
		var scId = "";
		var options = {
		    common: {
		        fileName : "dataList.xlsx",
		        multipleSheet: "true",
		        showProcess : false
		    },
		    excelInfo: [
		        {
		            dataListId : "dataList1",
		            sheetName : "JSON",
		            removeColumns : "" ,
		            wframeId: scId
		        },
		        {
		            dataListId : "dataList2",
		            sheetName : "XML",
		            removeColumns : "",
		            wframeId: scId
		        }
		    ]
		};
		WebSquare.util.multipleDataListDownload( options );
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" style="width:300px;height:43px;margin:30px;font-size:20px;font-family:sans-serif;" id="trigger1"
    		ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[$p.data.create(); / JSON]]></xf:label>
    	</xf:trigger>
    	<xf:trigger type="button" style="width:200px;height:43px;font-size:20px;font-family:sans-serif;" id="trigger6" ev:onclick="scwin.trigger6_onclick">
    		<xf:label><![CDATA[dataList1.setData();]]></xf:label>
    	</xf:trigger>
    	<xf:trigger ev:onclick="scwin.trigger2_onclick" id="trigger2"
    		style="width:300px;height:43px;margin:30px;font-size:20px;font-family:sans-serif;" type="button">
    		<xf:label><![CDATA[$p.data.create(); / XML]]></xf:label>
    	</xf:trigger>
    	<xf:trigger type="button" style="width:200px;height:43px;font-size:20px;font-family:sans-serif;" id="trigger7" ev:onclick="scwin.trigger7_onclick">
    		<xf:label><![CDATA[dataList2.setData();]]></xf:label>
    	</xf:trigger>
    	<xf:trigger type="button"
    		style="width:300px;height:43px;display:block;margin:30px;font-size:20px;font-size-adjust:0;font-family:sans-serif;font:;"
    		id="trigger5" ev:onclick="scwin.trigger5_onclick" ev:onfocus="">
    		<xf:label><![CDATA[multipleDataListDownload();]]></xf:label>
    	</xf:trigger>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>
        <script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

scwin.trigger1_onclick = function (e) {
    $p.reinitialize(true);
};

window.onbeforeunload = function () {
   console.log('Browser refreshed.');
}

scwin.trigger2_onclick = function (e) {
    $p.reinitialize();
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    <xf:group id="" style="margin-top: 50px;margin-left: 50px;margin-right: 0px;">
    	<xf:group id="">
    		<xf:trigger ev:onclick="scwin.trigger1_onclick"
    			style="width:150px;height:41px;line-height:32px;padding:5px;background-color: lightblue;font-size:15px;font-family: sans-serif;text-align:left;font-style:normal;font-weight:bolder;"
    			id="trigger1" type="button">
    			<xf:label><![CDATA[$p.reinitialize(true);]]></xf:label>
    		</xf:trigger>
    		<xf:trigger type="button" id="trigger2" style="width:150px;height:41px;margin-left: 50px;line-height:32px;padding:5px;background-color: lightblue;font-size:15px;font-family: sans-serif;text-align:left;font-style:normal;font-weight:bolder;" ev:onclick="scwin.trigger2_onclick">
    			<xf:label><![CDATA[$p.reinitialize();]]></xf:label>
    		</xf:trigger>
    		<xf:input adjustMaxLength="false"
    			style="width:222px;height:42px;margin-top:20px;color: blue;font-size:20px;font-family: sans-serif;text-align:left;font-style:normal;font-weight:bolder;display:block;border: blue solid 2px;"
    			id="input1">
    		</xf:input>
    	</xf:group>
    	<w2:wframe src="source.xml" style="width: 400px;height: 300px;border: orange solid 2px;margin-top: 20px;" id=""></w2:wframe></xf:group></body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
        <w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method=""/>
        <script lazy="false" type="text/javascript"><![CDATA[
scwin.onpageload = function () {

};

scwin.trigger1_onclick = function (e) {
    $p.reinitialize();
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<xf:group id="" style="margin: 50px;">
    		<xf:trigger ev:onclick="scwin.trigger1_onclick" id="trigger1"
    			style="width:150px;height:41px;line-height:32px;padding:5px;background-color: orange;font-size:15px;font-family:sans-serif;text-align:left;font-style:normal;font-weight:bolder;display:block;"
    			type="button">
    			<xf:label><![CDATA[$p.reinitialize();]]></xf:label>
    		</xf:trigger>
    		<xf:input adjustMaxLength="false" id="input1"
    			style="width:167px;height:39px;margin-top:20px;color: orange;font-size:20px;font-family: sans-serif;text-align:left;font-style:normal;font-weight:bolder;display:block;border: orange solid 2px;">
    		</xf:input>
    	</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:dataMap baseNode="map" id="dataMap1">
        			<w2:keyInfo>
        				<w2:key id="Name" name="Name" dataType="text"></w2:key>
        				<w2:key id="Gender" name="Gender" dataType="text"></w2:key>
        				<w2:key id="Date" name="Date" dataType="text"></w2:key>
        				<w2:key id="City" name="City" dataType="text"></w2:key>
        				<w2:key id="Email" name="Email" dataType="text"></w2:key>
        				<w2:key id="Title" name="Title" dataType="text"></w2:key>
        			</w2:keyInfo>
        			<w2:data use="false"></w2:data>
        		</w2:dataMap>
        		<w2:dataList baseNode="list" repeatNode="map" id="dataList1" saveRemovedData="true">
        			<w2:columnInfo>
        				<w2:column id="City" name="City" dataType="text"></w2:column>
        				<w2:column id="code" name="code" dataType="text"></w2:column>
        			</w2:columnInfo>
        			<w2:data use="false">
        				<w2:row></w2:row>
        			</w2:data>
        		</w2:dataList>
        		<w2:dataList baseNode="list" repeatNode="map" id="dataList2" saveRemovedData="true">
        			<w2:columnInfo>
        				<w2:column id="Gender" name="Gender" dataType="text"></w2:column>
        				<w2:column id="code" name="code" dataType="text"></w2:column>
        			</w2:columnInfo>
        		</w2:dataList>
        	</w2:dataCollection>
        	<w2:workflowCollection></w2:workflowCollection>
        	<xf:submission id="submission1" ref="" target='data:json,["dataList1","dataList2"]' action="code.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="data:json,dataMap1" 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() {

	};

	scwin.onpageunload = function() {

	};

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

	scwin.trigger2_onclick = function(e) {
		$p.executeSubmission("submission2");
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:group tagname="table" style="margin: 20px;" id="" class="w2tb">
    		<w2:attributes>
    			<w2:summary></w2:summary>
    		</w2:attributes>
    		<xf:group tagname="caption"></xf:group>
    		<xf:group tagname="colgroup">
    			<xf:group tagname="col" style="width:25.00%;"></xf:group>
    			<xf:group tagname="col" style="width:25.00%"></xf:group>
    			<xf:group tagname="col" style="width:25.00%;"></xf:group>
    			<xf:group tagname="col" style="width:25.00%"></xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="padding: 10px;background-color: white" class="w2tb_th">
    				<w2:attributes>
    					<w2:scope>row</w2:scope>
    					<w2:colspan>4</w2:colspan>
    					<w2:rowspan>1</w2:rowspan>
    				</w2:attributes>
    			<xf:group id="" style="float: right;"><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width: 80px;height: 23px;" id="trigger1" type="button">
    					<xf:label><![CDATA[Get Code]]></xf:label>
    				</xf:trigger><xf:trigger ev:onclick="scwin.trigger2_onclick" style="width: 80px;height: 23px;margin-left: 20px;" id="trigger2" type="button">
    					<xf:label><![CDATA[Get Data]]></xf:label>
    				</xf:trigger></xf:group></xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="" class="w2tb_th">
    				Name
    				<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes>
    			</xf:group>
    			<xf:group tagname="td" style="padding: 10px;" class="w2tb_td">
    				<xf:input adjustMaxLength="false" id="" style="width: 144px;height: 21px;" ref="data:dataMap1.Name"></xf:input>
    			</xf:group>
    			<xf:group tagname="th" style="" class="w2tb_th">Gender<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="padding: 10px;" class="w2tb_td">
    				<xf:select1 id="" selectedIndex="-1" appearance="full" style="width: 150px;height: 21px;" ref="data:dataMap1.Gender" cols="" rows="1">
    					<xf:choices>
    						<xf:itemset nodeset="data:dataList2">
    							<xf:label ref="Gender"></xf:label>
    							<xf:value ref="code"></xf:value>
    						</xf:itemset>
    					</xf:choices>
    				</xf:select1>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="" class="w2tb_th">
    				Sign-up&nbsp;Date
    				<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes>
    			</xf:group>
    			<xf:group tagname="td" style="padding: 10px;" class="w2tb_td">
    				<w2:inputCalendar footerDiv="false" id="" style="width: 150px;height: 23px;" renderDiv="true" focusOnDateSelect="false"
    					calendarValueType="yearMonthDate" rightAlign="false" renderType="component" ref="data:dataMap1.Date">
    				</w2:inputCalendar>
    			</xf:group>
    			<xf:group tagname="th" style="" class="w2tb_th">City<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="padding: 10px;" class="w2tb_td">
    				<xf:select1 id="" chooseOption="" style="width: 148px;height: 21px;" submenuSize="auto" allOption="" disabled="false"
    					direction="auto" appearance="minimal" disabledClass="w2selectbox_disabled" ref="data:dataMap1.City" chooseOptionLabel="">
    					<xf:choices>
    						<xf:itemset nodeset="data:dataList1">
    							<xf:label ref="City"></xf:label>
    							<xf:value ref="code"></xf:value>
    						</xf:itemset>
    					</xf:choices>
    				</xf:select1>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="" class="w2tb_th">
    				E-mail
    				<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes>
    			</xf:group>
    			<xf:group tagname="td" style="padding: 10px;" class="w2tb_td">
    				<xf:input adjustMaxLength="false" id="" style="width: 144px;height: 21px;" ref="data:dataMap1.Email"></xf:input>
    			</xf:group>
    			<xf:group tagname="th" style="" class="w2tb_th">
    				Title
    				<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes>
    			</xf:group>
    			<xf:group tagname="td" style="padding: 10px;" class="w2tb_td">
    				<xf:input adjustMaxLength="false" id="" style="width: 144px;height: 21px;" ref="data:dataMap1.Title"></xf:input>
    			</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" id="dataList1" repeatNode="map" saveRemovedData="true" style="">
        			<w2:columnInfo>
        				<w2:column dataType="text" id="Status" name="Status"></w2:column>
        				<w2:column dataType="text" id="date" name="date"></w2:column>
        				<w2:column dataType="text" id="Expense" name="Expense"></w2:column>
        				<w2:column dataType="text" 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="text" id="Frequency" name="Frequency"></w2:column>
        				<w2:column dataType="text" id="ID" name="ID"></w2:column>
        				<w2:column dataType="text" 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="Submission being processed..." ev:submit="scwin.submission1_submit" ev:submitdone="scwin.submission1_submitdone"
        		ev:submiterror="scwin.submission1_submiterror" abortTrigger="">
        	</xf:submission>
        	<xf:submission id="submission2" ref="" target="data:json,dataList1" action="datal.json" method="post"
        		mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous"
        		processMsg="Submission being processed..." ev:submit="scwin.submission2_submit" ev:submitdone="scwin.submission2_submitdone"
        		ev:submiterror="scwin.submission2_submiterror" abortTrigger="">
        	</xf:submission>
        </xf:model>
        <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.submission1_submit = function(e) {
		alert("Submission is about to start!");
	};

	scwin.submission1_submitdone = function(e) {
		alert("Submission successful.");
	};

	scwin.submission1_submiterror = function(e) {
		alert("Submission failed.");
	};

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

	scwin.submission2_submit = function(e) {
		alert("Submission is about to start!");
	};

	scwin.submission2_submitdone = function(e) {
		alert("Submission successful.");
	};

	scwin.submission2_submiterror = function(e) {
		alert("Submission failed.");
	};

	scwin.trigger2_onclick = function(e) {
		$p.executeSubmission("submission2");
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:gridView autoFit="allColumn" dataList="data:dataList1" defaultCellHeight="20" id="" scrollByColumn="false"
    		scrollByColumnAdaptive="false" style="margin:100px;margin-bottom: 20px;width: 80%;height: 50%;border: solid black 1px;">
    		<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 displayMode="label" id="column9" inputType="text" style="height:20px" value="Status" width="70"></w2:column>
    				<w2:column displayMode="label" id="column8" inputType="text" style="height:20px" value="date" width="70"></w2:column>
    				<w2:column displayMode="label" id="column7" inputType="text" style="height:20px" value="Expense" width="70"></w2:column>
    				<w2:column displayMode="label" id="column6" inputType="text" style="height:20px" value="Income" width="70"></w2:column>
    				<w2:column displayMode="label" id="column5" inputType="text" style="height:20px" value="Hobby" width="70"></w2:column>
    				<w2:column displayMode="label" id="column4" inputType="text" style="height:20px" value="Region" width="70"></w2:column>
    				<w2:column displayMode="label" id="column3" inputType="text" style="height:20px" value="Frequency" width="70"></w2:column>
    				<w2:column displayMode="label" id="column2" inputType="text" style="height:20px" value="ID" width="70"></w2:column>
    				<w2:column displayMode="label" id="column1" inputType="text" style="height:20px" value="Age" width="70"></w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody id="gBody1" style="">
    			<w2:row id="row2" style="">
    				<w2:column displayMode="label" id="Status" inputType="text" style="height:20px" value="" width="70"></w2:column>
    				<w2:column displayMode="label" id="date" inputType="text" style="height:20px" value="" width="70"></w2:column>
    				<w2:column displayMode="label" id="Expense" inputType="text" style="height:20px" value="" width="70"></w2:column>
    				<w2:column displayMode="label" id="Income" inputType="text" style="height:20px" value="" width="70"></w2:column>
    				<w2:column displayMode="label" id="Hobby" inputType="text" style="height:20px" value="" width="70"></w2:column>
    				<w2:column displayMode="label" id="Region" inputType="text" style="height:20px" value="" width="70"></w2:column>
    				<w2:column displayMode="label" id="Frequency" inputType="text" style="height:20px" value="" width="70"></w2:column>
    				<w2:column displayMode="label" id="ID" inputType="text" style="height:20px" value="" width="70"></w2:column>
    				<w2:column displayMode="label" id="Age" inputType="text" style="height:20px" value="" width="70"></w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>
    	<xf:trigger type="button"
    		style="display: block;width: 320px;padding: 10px;line-height:32px;height:45px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;margin-left: 100px;margin-top:0px;"
    		id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[submission1]]></xf:label>
    	</xf:trigger>
    	<xf:trigger type="button" style="width: 320px;padding: 10px;line-height:32px;height:45px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;margin: 100px;margin-top:20px;" id="trigger2" ev:onclick="scwin.trigger2_onclick">
    		<xf:label><![CDATA[submission2]]></xf:label>
    	</xf:trigger>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
        	<xf:instance>
        		<data xmlns="" />
        	</xf:instance>
        	<w2:dataCollection baseNode="map">
        		<w2:dataList baseNode="list" repeatNode="map" id="dataList1" saveRemovedData="true">
        			<w2:columnInfo>
        				<w2:column id="col1" name="name1" dataType="text"></w2:column>
        				<w2:column id="col2" name="name2" dataType="text"></w2:column>
        				<w2:column id="col3" name="name3" dataType="text"></w2:column>
        			</w2:columnInfo>
        		</w2:dataList>
        	</w2:dataCollection>
        	<w2:workflowCollection></w2:workflowCollection>
        	<xf:submission id="submission3" ref="" target="data:json,dataList1" action="testdata3.json" method="post"
        		mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous"
        		processMsg="Loading..." ev:submit="" ev:submitdone="" ev:submiterror="" abortTrigger="true">
        	</xf:submission>
        </xf:model>
        <script type="text/javascript" lazy="false"><![CDATA[

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

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		var list = $p.getSubmissionList({ "returnType": "json",  "all": true });
		alert(JSON.stringify(list));
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="margin-left: 30px;"><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width:439px;height:30px;margin-left:0px;margin-top:20px;margin-bottom:20px;font-family:consolas;font-weight:bolder;font-size:13px;background-color:lightblue;text-align: left;padding-left: 10px;" id="trigger1" type="button">
    		<xf:label><![CDATA[getSubmissionList({ "returnType": "json",  "all": true })]]></xf:label>
    	</xf:trigger><w2:gridView scrollByColumnAdaptive="false" rowNumVisible="true" dataList="data:dataList1" style="width: 300px;height: 150px;" scrollByColumn="false" rowNumHeaderValue="No." id="" visibleRowNum="" 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="" id="column1" value="name1" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column width="70" style="" id="column2" value="name2"></w2:column>
    				<w2:column width="70" style="" id="column3" value="name3"></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="col1" value="" blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column width="70" id="col2"></w2:column>
    				<w2:column width="70" id="col3"></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" repeatNode="map" id="dataList1" saveRemovedData="true">
        			<w2:columnInfo>
        				<w2:column id="C_Code" name="C_Code" dataType="text"></w2:column>
        				<w2:column id="Airport" name="Airport" dataType="text"></w2:column>
        				<w2:column id="Country" name="Country" dataType="text"></w2:column>
        				<w2:column id="City" name="City" dataType="text"></w2:column>
        				<w2:column id="A_Code" name="A_Code" dataType="text"></w2:column>
        			</w2:columnInfo>
        		</w2:dataList>
        		<w2:dataList baseNode="list" id="dataList2" repeatNode="map" saveRemovedData="true" style="">
        			<w2:columnInfo>
        				<w2:column dataType="text" id="ID" name="ID"></w2:column>
        				<w2:column dataType="text" id="Age" name="Age"></w2:column>
        				<w2:column dataType="text" id="Region" name="Region"></w2:column>
        				<w2:column dataType="text" id="Hobby" name="Hobby"></w2:column>
        				<w2:column dataType="text" id="Status" name="Status"></w2:column>
        				<w2:column dataType="text" id="Income" name="Income"></w2:column>
        				<w2:column dataType="text" id="Frequency" name="Frequency"></w2:column>
        				<w2:column dataType="text" id="Expense" name="Expense"></w2:column>
        				<w2:column dataType="text" id="Date" name="Date"></w2:column>
        			</w2:columnInfo>
        		</w2:dataList>

        	</w2:dataCollection>
        	<w2:workflowCollection></w2:workflowCollection>
        	<xf:submission id="submission1" ref="" target="data:json,dataList1" action="citycode.json" method="post" mediatype="application/json"
        		encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous" processMsg="" ev:submit=""
        		ev:submitdone="" ev:submiterror="" abortTrigger="">
        	</xf:submission>
        	<xf:submission id="submission2" ref="" target="data:json,dataList2" 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() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		$p.executeSubmission("submission1");
		var subObj = $p.getSubmission("submission1");
		subObj.setRequestHeader({
			"userKey" : "1_userValue"
		});
		var header = subObj.requestHeader;
		var real = JSON.stringify(header);
		alert("requestHeader : " + real);
	};

	scwin.trigger2_onclick = function(e) {
		$p.executeSubmission("submission2");
		var subObj = $p.getSubmission("submission2");
		subObj.setRequestHeader({
			"userKey" : "2_userValue"
		});
		var header = subObj.requestHeader;
		var real = JSON.stringify(header);
		alert("requestHeader : " + real);

	};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="margin: 30px;"><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width:476px;height:32px;text-align:center;line-height:32px;margin-bottom:30px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;" id="trigger1" type="button">
    		<xf:label><![CDATA[$p.executeSubmission() & subObj.setRequestHeader()]]></xf:label>
    	</xf:trigger><w2:gridView scrollByColumnAdaptive="false" checkAllType="false" dataList="data:dataList1" style="width: 700px;height: 150px;" scrollByColumn="false" id="" defaultCellHeight="20" autoFit="allColumn">
    		<w2:caption style="" id="caption1" value="this is a grid caption."></w2:caption>
    		<w2:header style="" id="header1">
    			<w2:row style="" id="row1">
    				<w2:column width="70" inputType="text" style="height:20px" id="column5" value="C_Code" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column4" value="Airport" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column3" value="Country" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column2" value="City" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column1" value="A_Code" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody style="" id="gBody1">
    			<w2:row style="" id="row2">
    				<w2:column width="70" inputType="text" style="height:20px" id="C_Code" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="Airport" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="Country" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="City" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="A_Code" value="" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView></xf:group><xf:group id="" style="margin-left: 30px;"><xf:trigger ev:onclick="scwin.trigger2_onclick" style="width:476px;height:32px;text-align:center;line-height:32px;margin-bottom:30px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;" id="trigger2" type="button">
    		<xf:label><![CDATA[$p.executeSubmission() & subObj.setRequestHeader()]]></xf:label>
    	</xf:trigger><w2:gridView scrollByColumnAdaptive="false" checkAllType="false" dataList="data:dataList2" style="width: 700px;height: 150px;" scrollByColumn="false" id="gridView2" defaultCellHeight="20" autoFit="allColumn">
    		<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="column9" value="ID" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column8" value="Age" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column7" value="Region" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column6" value="Hobby" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column5" value="Status" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column4" value="Income" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column3" value="Frequency" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column2" value="Expense" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="column1" value="Date" 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="ID" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="Age" value="" displayMode="label"></w2:column>
    				<w2:column width="70" inputType="text" style="height:20px" id="Region" 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="Status" 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="Frequency" 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="Date" value="" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView></xf:group></body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/Guide/GridView/color.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 meta_vertical_guides="166 162 156 158" meta_horizontal_guides="">
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
        	<xf:instance>
        		<data xmlns="" />
        	</xf:instance>
        	<w2:dataCollection baseNode="map">
        		<w2:dataList baseNode="list" repeatNode="map" id="dataList1" saveRemovedData="true"
        			ev:oncelldatachange="scwin.dataList1_oncelldatachange">
        			<w2:columnInfo>
        				<w2:column id="Change" name="Change" dataType="text" ignoreStatus="true"></w2:column>
        				<w2:column id="Status" name="Status" dataType="text"></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"></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:dataList baseNode="list" repeatNode="map" id="dataList2" saveRemovedData="true">
        			<w2:columnInfo>
        				<w2:column id="Country" name="Country" dataType="text"></w2:column>
        				<w2:column id="City" name="City" dataType="text"></w2:column>
        				<w2:column id="Airport" name="Airport" dataType="text"></w2:column>
        				<w2:column id="A_Code" name="A_Code" dataType="text"></w2:column>
        				<w2:column id="C_Code" name="C_Code" dataType="text"></w2:column>
        			</w2:columnInfo>
        		</w2:dataList>
        	</w2:dataCollection>
        	<w2:workflowCollection></w2:workflowCollection>
        	<xf:submission id="submission1" ref="" target='data:json,["dataList1","dataList2"]' action="two_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() {

	};

	scwin.trigger1_onclick = function(e) {
		var options = {
            common: {
               fileName : "gridViews_download.xlsx",
                multipleSheet : "false"
            },
            excelInfo: [
                {
                	infoArr : [{rowIndex:1,colIndex:0,rowSpan:2,colSpan:3,text:"Sample 1"}],
                    startRowIndex : 3,
                    gridId : "gridView1"
                },
                {
                	startRowIndex : 3,
                    gridId : "gridView2"
                }
            ]
        };

        WebSquare.util.multipleExcelDownload( options );
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" style="width:283px;height:41px;margin:20px;margin-bottom:0px;font-family:sans-serif;font-style:italic;font-weight:bolder;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[webSquare.util.multipleExcelDownload()]]></xf:label>
    	</xf:trigger><w2:gridView id="gridView1" style="width:90%;margin:20px;height:200px;margin-top:30px;" scrollByColumn="false"
    		defaultCellHeight="20" scrollByColumnAdaptive="false" dataList="data:dataList1" visibleRowNum="11" rowNumVisible="true"
    		autoFit="allColumn" contextMenu="" ev:oncelldblclick="" footerCaptionAuto="" footerSummaryAuto="" sortable="true"
    		ev:onsort="scwin.gridView1_onsort" ev:onaftercolumnmove="" ev:onaftercolumnresize="" ev:onbeforecolumnmove="" rowStatusHeaderValue=""
    		captionTitle="" rowStatusVisible="true" useCtrlKey="true" useShiftKey="true" noSelect="false">
    		<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="checkbox" style="height:20px" id="column10" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<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="checkbox" style="height:20px" id="Change" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<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="calendar" style="height:20px" id="Date" value=""
    					blockSelect="false" displayMode="label" adaptiveStyle="">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="Expense" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="Income" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="Hobby" value=""
    					blockSelect="false" displayMode="label">
    				</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">
    				</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:gridView>
    	<w2:gridView id="gridView2" style="width:50%;margin:20px;height:200px;margin-top:30px;" scrollByColumn="false"
    		defaultCellHeight="20" scrollByColumnAdaptive="false" dataList="data:dataList2" autoFit="allColumn" rowNumVisible="true"
    		rowStatusVisible="true">
    		<w2:caption style="" id="caption1" value="this is a grid caption."></w2:caption>
    		<w2:header style="" id="header1">
    			<w2:row style="" id="row1">
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column5" value="Country"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column4" value="City"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column3" value="Airport"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column2" value="A_Code"
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="column1" value="C_Code"
    					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="Country" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="City" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="Airport" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="A_Code" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    				<w2:column removeBorderStyle="false" width="70" inputType="text" style="height:20px" id="C_Code" value=""
    					blockSelect="false" displayMode="label">
    				</w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>

    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="text1" label="TabControl"
    		style="width:328px;height:63px;margin:100px;font-size:20px;color:#0000FF;font-weight:bolder;font-style:italic;font-family:sans-serif;text-align:center;border-style:solid;line-height:60px;">
    	</w2:textbox>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		var paramData = $p.getParameter("param");
		var data = JSON.stringify(paramData);
		alert(data);
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" style="width:147px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;top:20px;text-align:left;margin:30px;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[getParameter()]]></xf:label>
    	</xf:trigger>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		var tabOptions = {};
		for (var i = 0; i < 10; i++) {
			var addCount = i + 2;
			var tabOptions = {
				label : "Tab " + addCount,
				openAction: "new",
				closable: "true"
			}
			var contentsOptions = {
                    frameMode : "wframe",
                    alwaysDraw : false
                }
			tabControl1.addTab(i, tabOptions, contentsOptions);
		}

	};

	scwin.onpageunload = function() {

	};

	scwin.tabControl1_onscrollleftbtnclick = function() {
		alert("Left button clicked!");
	};

	scwin.tabControl1_onscrollrightbtnclick = function() {
		alert("Right button clicked!");
	};

	scwin.tabControl1_onsubmenubtnclick = function() {
		alert("Sub-menu clicked!");
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="padding: 50px;"><w2:tabControl confirmTrueAction="exist" useTabKeyOnly="true" confirmFalseAction="new" useMoveNextTabFocus="false" tabScroll="true" tabScrollAuto="" useConfirmMessage="false" alwaysDraw="false" style="width: 430px;height: 200px;" tabPosition="top" id="tabControl1" ev:onscrollleftbtnclick="scwin.tabControl1_onscrollleftbtnclick" ev:onscrollrightbtnclick="scwin.tabControl1_onscrollrightbtnclick" ev:onsubmenubtnclick="scwin.tabControl1_onsubmenubtnclick">
    		<w2:tabs disabled="false" style="width:70px;height:30px;" id="tabs1" label="Tab 1"></w2:tabs>
    		<w2:content alwaysDraw="false" style="height:170px" id="content1"></w2:content>
    	</w2:tabControl></xf:group></body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="text1" label="Tab 3"
    		style="width:328px;height:63px;margin:100px;font-size:20px;color:green;font-weight:bolder;font-style:italic;font-family:sans-serif;text-align:center;border-style:solid;line-height:60px;">
    	</w2:textbox>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="text1" label="Tab 6"
    		style="width:328px;height:63px;margin:100px;font-size:20px;color:brown;font-weight:bolder;font-style:italic;font-family:sans-serif;text-align:center;border-style:solid;line-height:60px;">
    	</w2:textbox>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="text1" label="Tab 5"
    		style="width:328px;height:63px;margin:100px;font-size:20px;color:magenta;font-weight:bolder;font-style:italic;font-family:sans-serif;text-align:center;border-style:solid;line-height:60px;">
    	</w2:textbox>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="text1" label="Tab 9"
    		style="width:328px;height:63px;margin:100px;font-size:20px;color:gray;font-weight:bolder;font-style:italic;font-family:sans-serif;text-align:center;border-style:solid;line-height:60px;">
    	</w2:textbox>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="text1" label="Tab 10"
    		style="width:328px;height:63px;margin:100px;font-size:20px;color:blue;font-weight:bolder;font-style:italic;font-family:sans-serif;text-align:center;border-style:solid;line-height:60px;">
    	</w2:textbox>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		var tabOptions = {};
		for (var i = 0; i < 12; i++) {
			var addCount = i + 2;
			var tabOptions = {
				label : "Tab " + addCount,
				openAction: "new",
				closable: "true"
			}
			var contentsOptions = {
                    frameMode : "wframe",
                    alwaysDraw : false,
                    src: "tabs_added.xml"
                }
			tabControl1.addTab(i, tabOptions, contentsOptions);
		}
	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:tabControl useTabKeyOnly="true" id="tabControl1" useMoveNextTabFocus="false" useConfirmMessage="false" confirmTrueAction="exist"
    		confirmFalseAction="new" alwaysDraw="false" style="position:absolute;width:500px;height:400px;margin:50px;" tabScroll="true" tabScrollAuto="true">
    		<w2:tabs disabled="false" style="width:70px;height:30px;" id="tabs1" label="Tab 1"></w2:tabs>
    		<w2:content alwaysDraw="false" style="height:300px;" id="content1" src="tab.xml"></w2:content>
    	</w2:tabControl>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" style="height:52px;margin:50px;margin-right:0px;width:250px;font-size:17px;font-family:monospace;font-style:normal;font-weight:bolder;" id="">
    		<xf:label><![CDATA[Grand Child]]></xf:label>
    	</xf:trigger>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:wframe style="width:80%;height:70%;border-color: brown;border-style:solid;margin:30px;" id="" src="13_popUp_02A.xml"></w2:wframe>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		if (tabControl1.tabArr[0].disabled === false) {
            tabControl1.disableTab(0);
        } else {
            tabControl1.enableTab(0);
        }
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button"
    		style="width:248px;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:50px;margin-bottom: 0px;margin-left: 200px;"
    		id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[disableTab() & enableTab()]]></xf:label>
    	</xf:trigger>
    	<w2:tabControl useTabKeyOnly="true" id="tabControl1" useMoveNextTabFocus="false" useConfirmMessage="false" confirmTrueAction="exist"
    		confirmFalseAction="new" alwaysDraw="false" style="width: 700px;height: 400px;margin: 50px;margin-left: 200px">
    		<w2:tabs disabled="false" style="width:70px;height:30px;" id="tabs1" label="Tab 1"></w2:tabs>
    		<w2:content alwaysDraw="false" style="height:500px;" id="content1" src="keepDisabledTab_src_TabControl.xml"></w2:content>
    	</w2:tabControl>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		var tabOptions = {};
		for (var i = 0; i < 3; i++) {
			var addCount = i + 2;
			var tabOptions = {
				label : "Tab " + addCount,
				openAction: "new",
				closable: "true"
			}
			var contentsOptions = {
                    frameMode : "wframe",
                    alwaysDraw : false
                }
			tabControl1.addTab(i, tabOptions, contentsOptions);
		}

	};

	scwin.onpageunload = function() {

	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="padding: 50px;"><w2:tabControl confirmTrueAction="exist" useTabKeyOnly="true" confirmFalseAction="new" useMoveNextTabFocus="false" tabScrollAuto="" useConfirmMessage="false" alwaysDraw="false" style="width: 430px;height: 200px;" tabPosition="top" id="tabControl1" ev:onscrollleftbtnclick="scwin.tabControl1_onscrollleftbtnclick" ev:onscrollrightbtnclick="scwin.tabControl1_onscrollrightbtnclick" ev:onsubmenubtnclick="scwin.tabControl1_onsubmenubtnclick">
    		<w2:tabs disabled="false" style="width:70px;height:30px;" id="tabs1" label="Tab 1"></w2:tabs>
    		<w2:content alwaysDraw="false" style="height:170px" id="content1"></w2:content>
    	</w2:tabControl></xf:group></body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.fn_msg = function(){
    var invalidType = this.getType();  // invalid type
    var invalidValue = this.getValue(); // invalid value
    switch (invalidType) {
			case "mandatory" :
				msg = "Create your password.";
				break;
			case "minLength" :
				msg = "Your password must be of at least " + invalidValue + " digits.";
				break;
			default :
				msg = "Enter again.";
				break;
		}

		alert(msg);
		// return msg;
    }

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

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="margin: 50px;">
    	<w2:textbox label="Create Password" style="height: 30px;color: blue;font-family: helvetica;font-size: 20px;" id=""></w2:textbox>
    	<xf:secret style="width: 200px;height: 21px;" id="secret1" mandatory="true" minlength="8" invalidMessageFunc="scwin.fn_msg" invalidMessage="" displaymessage="true"></xf:secret>
    	<xf:trigger style="width: 80px;height: 23px;margin-left: 20px;" id="trigger1" type="button" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[validate();]]></xf:label>
    	</xf:trigger>
    </xf:group></body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
    	<w2:buildDate />
    	<xf:model>
    		<xf:instance>
    			<data xmlns="" />
    		</xf:instance>
    		<w2:dataCollection baseNode="map"></w2:dataCollection>
    		<w2:workflowCollection></w2:workflowCollection>
    	</xf:model>
    	<script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		windowContainer1.createWindow( "aaa" , "" , "" , "window aaa" , 000 ,"newWindow", null,null,null,null,"wframe" );
		windowContainer1.createWindow( "bbb" , "" , "" , "window bbb" , 001 ,"newWindow", null,null,null,null,"wframe" );
		windowContainer1.createWindow( "ccc" , "" , "" , "window ccc" , 002 ,"newWindow", null,null,null,null,"wframe" );
		windowContainer1.createWindow( "ddd" , "" , "" , "window ddd" , 003 ,"newWindow", null,null,null,null,"wframe" );
		windowContainer1.createWindow( "eee" , "" , "" , "window eee" , 004 ,"newWindow", null,null,null,null,"wframe" );
	};

	scwin.onpageunload = function() {

	};]]></script>
    	<style type="text/css"><![CDATA[.w2window_selected {border: solid 2px green;} ]]></style>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:windowContainer autoArrange="true" controlIconPosition="allright" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
    		horizontalArrangeNum="2" id="windowContainer1" sequentialArrangeColNum="2" sequentialArrangeRowNum="2" spaInitCount="0"
    		stopMinimizeOnNameLayer="false" stopToggleOnLast="false"
    		style="position: relative;height: 350px;width: 700px;margin: 50px;border: gray solid 1px;" toolbarPosition="top" tooltipDisplay="true"
    		tooltipGroupClass="false" useCloseButton="false" useControlIconTitle="true" useCustomMsg="false" useFixButton="false"
    		useNameContainer="true" useStatusMsg="true" useWindowScrollButton="true" verticalArrangeNum="2" windowAutoResize="false"
    		windowMaxNum="20" windowMaximizeAll="true" windowScrollVisibleRowNum="" windowTooltipDisplay="true">
    		<w2:windowToolbar>
    			<w2:controlIconLayer>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    			</w2:controlIconLayer>
    			<w2:nameLayer></w2:nameLayer>
    			<w2:selectedNameLayer></w2:selectedNameLayer>
    		</w2:windowToolbar>
    	</w2:windowContainer>
    </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>
        </xf:model>
        <script type="text/javascript" lazy="false"><![CDATA[

    scwin.onpageload = function() {
        scwin.createWindowTest("aaa");
        scwin.createWindowTest("bbb");
        scwin.createWindowTest("ccc");

    };

    scwin.onpageunload = function() {

    };

    scwin.createWindowTest = function(title)
    {
        var winObj = {
            title : title,
            src : "a.xml",
            windowTitle : title+"_windowTitle",
            windowId : title+"_windowId",
            frameMode : "wframe",
            defaultWidth : "400",
            defaultHeight : "400"
        }
        wc1.createWindow( winObj );
    };

    ]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
        <w2:windowContainer sequentialArrangeRowNum="3" useNameContainer="false" useControlIconTitle="false" useFixButton="true" nameLayerMenu="false" autoArrange="true" useNameScroll="true" nameLayerMove="true"
            horizontalArrangeNum="3" tooltipGroupClass="false" controlIconPosition="left" class="" hideTitleOnMaximize="false" useStatusMsg="true" nameLayerRearrange="true"
            windowMaximizeAll="false" id="wc1" windowAutoResize="false" useCustomMsg="false"
            style="position: absolute ;left: 10px;top: 24px;width: 900px;height: 400px;" tooltipDisplay="true" stopMinimizeOnNameLayer="false"
            stopToggleOnLast="false" windowTooltipDisplay="true" verticalArrangeNum="3" windowMaxNum="5" spaAuto="true" useCloseButton="false"
            fixArrangeFullScreen="false" sequentialArrangeColNum="3" toolbarPosition="bottom" ev:onbeforecloseall="scwin.wc1_onbeforecloseall" frameMode="wframe">
            <w2:windowToolbar>
                <w2:nameLayer></w2:nameLayer>
                <w2:controlIconLayer>
                    <w2:controlIcon></w2:controlIcon>
                    <w2:controlIcon></w2:controlIcon>
                    <w2:controlIcon></w2:controlIcon>
                    <w2:controlIcon></w2:controlIcon>
                    <w2:controlIcon></w2:controlIcon>
                </w2:controlIconLayer>
                <w2:selectedNameLayer></w2:selectedNameLayer>
            </w2:windowToolbar>
        </w2:windowContainer>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox label="Contents_Blue" style="width: 250px;height: 30px;margin: 10px;font: 30px bolder;padding: 10px;background-color: blue;color: white;" id=""></w2:textbox>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		windowContainer1.createWindow( "aaa" , "" , "" , "window aaa" , 000 ,"newWindow", null,null,null,null,"wframe" );
		windowContainer1.createWindow( "bbb" , "" , "" , "window bbb" , 001 ,"newWindow", null,null,null,null,"wframe" );
		windowContainer1.createWindow( "ccc" , "" , "" , "window ccc" , 002 ,"newWindow", null,null,null,null,"wframe" );
		windowContainer1.createWindow( "ddd" , "" , "" , "window ddd" , 003 ,"newWindow", null,null,null,null,"wframe" );
		windowContainer1.createWindow( "eee" , "" , "" , "window eee" , 004 ,"newWindow", null,null,null,null,"wframe" );
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" style="width: 200px;padding: 10px;line-height:32px;height:45px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;margin: 50px;margin-bottom: 0px;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[createWindow()]]></xf:label>
    	</xf:trigger>
    	<w2:windowContainer autoArrange="true" controlIconPosition="allright" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
    		horizontalArrangeNum="2" id="windowContainer1" sequentialArrangeColNum="2" sequentialArrangeRowNum="2" spaInitCount="0"
    		stopMinimizeOnNameLayer="false" stopToggleOnLast="false"
    		style="position: relative;height: 350px;width: 600px;margin: 50px;border: gray solid 1px;" toolbarPosition="top" tooltipDisplay="true"
    		tooltipGroupClass="false" useCloseButton="false" useControlIconTitle="true" useCustomMsg="false" useFixButton="false"
    		useNameContainer="true" useStatusMsg="true" useWindowScrollButton="true" verticalArrangeNum="2" windowAutoResize="false"
    		windowMaxNum="20" windowMaximizeAll="true" windowScrollVisibleRowNum="" windowTooltipDisplay="true">
    		<w2:windowToolbar>
    			<w2:controlIconLayer>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    			</w2:controlIconLayer>
    			<w2:nameLayer></w2:nameLayer>
    			<w2:selectedNameLayer></w2:selectedNameLayer>
    		</w2:windowToolbar>
    	</w2:windowContainer>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		var paramData = $p.getParameter("param");
		var data = JSON.stringify(paramData);
		alert(data);
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" style="width:147px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;top:20px;text-align:left;margin:30px;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[getParameter()]]></xf:label>
    	</xf:trigger>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
		requires("uiplugin.popup");
		text1.hide();
		text2.hide();
		wframe1.setSrc("02_openPopUp.xml");
	};

	scwin.onpageunload = function() {

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

    	<w2:wframe frameModal="true" style="width: 1700px;height: 600px;border-color:black;border-style:solid;margin: 10px;margin: 50px;" id="wframe1"></w2:wframe><w2:textbox id="text1" label="Main A" style="width: 150px;height: 23px;"></w2:textbox><w2:textbox id="text2" label="Main B" style="width: 150px;height: 23px;"></w2:textbox>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		var winObj = {
			title: "600x300",
			src: "window_src.xml",
			windowTitle: "600x300_Title",
			windowId: "600x300_Id",
			frameMode: "wframe",
			defaultWidth: "600",
			defaultHeight: "300"
			}
		windowContainer1.createWindow(winObj);
	};

	scwin.trigger2_onclick = function(e) {
		var winObj = {
			title: "200x200",
			src: "window_src.xml",
			windowTitle: "200x200_Title",
			windowId: "200x200_Id",
			frameMode: "wframe",
			defaultWidth: "200",
			defaultHeight: "200"
			}
		windowContainer1.createWindow(winObj);
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button"
    		style="padding: 10px;line-height:32px;height:45px;width: 250px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;margin: 50px;margin-bottom: 0px;text-align: left;"
    		id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[createWindow() - 600x300]]></xf:label>
    	</xf:trigger>
    	<xf:trigger type="button" style="padding: 10px;line-height:32px;height:45px;width: 250px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;margin: 50px;margin-bottom: 0px;text-align: left;" id="trigger2" ev:onclick="scwin.trigger2_onclick">
    		<xf:label><![CDATA[createWindow() - 200X200]]></xf:label>
    	</xf:trigger>
    	<w2:windowContainer autoArrange="true" controlIconPosition="allright" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
    		horizontalArrangeNum="2" id="windowContainer1" sequentialArrangeColNum="2" sequentialArrangeRowNum="2" spaInitCount="0"
    		stopMinimizeOnNameLayer="false" stopToggleOnLast="false"
    		style="position: relative;height: 70%;width: 80%;margin: 50px;border: gray solid 1px;" toolbarPosition="top" tooltipDisplay="true"
    		tooltipGroupClass="false" useCloseButton="false" useControlIconTitle="true" useCustomMsg="false" useFixButton="false"
    		useNameContainer="true" useStatusMsg="true" useWindowScrollButton="true" verticalArrangeNum="2" windowAutoResize="false"
    		windowMaxNum="20" windowMaximizeAll="true" windowScrollVisibleRowNum="" windowTooltipDisplay="true" defaultHeight=""
    		defaultWidth="">
    		<w2:windowToolbar>
    			<w2:controlIconLayer>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    			</w2:controlIconLayer>
    			<w2:nameLayer></w2:nameLayer>
    			<w2:selectedNameLayer></w2:selectedNameLayer>
    		</w2:windowToolbar>
    	</w2:windowContainer>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="text1" label="Source"
    		style="width:100px;height:63px;margin-left:20px;font-size:20px;font-weight:bolder;font-style:italic;font-family:sans-serif;line-height:60px;text-align: center;">
    	</w2:textbox>

    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
        windowContainer1.createWindow( "_Window 01_", null, null);
        windowContainer1.createWindow( "_Window 02_", null, null);
        windowContainer1.createWindow( "_Window 03_", null, null);
        windowContainer1.setArrangeWindows("vertical");
	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:windowContainer autoArrange="true" controlIconPosition="left" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
    		horizontalArrangeNum="2" id="windowContainer1" sequentialArrangeColNum="" sequentialArrangeRowNum="" spaInitCount="0"
    		stopMinimizeOnNameLayer="false" stopToggleOnLast="false" style="position: relative;height: 350px;width: 600px;margin: 50px;margin-left: 200px;border: gray solid 1px;"
    		toolbarPosition="bottom" tooltipDisplay="true" tooltipGroupClass="false" useCloseButton="false" useControlIconTitle="false"
    		useCustomMsg="false" useFixButton="false" useNameContainer="false" useStatusMsg="true" verticalArrangeNum="2" windowAutoResize="false"
    		windowMaxNum="5" windowMaximizeAll="false" windowTooltipDisplay="true">
    		<w2:windowToolbar>
    			<w2:controlIconLayer>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    				<w2:controlIcon></w2:controlIcon>
    			</w2:controlIconLayer>
    			<w2:nameLayer></w2:nameLayer>
    			<w2:selectedNameLayer></w2:selectedNameLayer>
    		</w2:windowToolbar>
    	</w2:windowContainer>
    </body>
</html>