<?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({"title" : "Red", "src" : "sub_red.xml", "windowId" : "window1", "frameMode" : "wframe"});

		windowContainer1.createWindow({"title" : "Blue", "src" : "sub_blue.xml", "windowId" : "window2", "frameMode" : "wframe"});

		windowContainer1.createWindow({"title" : "Green", "src" : "sub_green.xml", "windowId" : "window3", "frameMode" : "wframe"});

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:windowContainer sequentialArrangeColNum="" verticalArrangeNum="2" controlIconPosition="left" windowMaximizeAll="false" id="windowContainer1"
    		useStatusMsg="true" hideTitleOnMaximize="false" spaInitCount="0" useNameContainer="false" useControlIconTitle="false"
    		tooltipDisplay="true" style="position: relative;height: 450px;margin: 30px;border: gray solid 1px;" sequentialArrangeRowNum="" fixArrangeFullScreen="false"
    		useFixButton="false" windowAutoResize="false" windowMaxNum="5" useCloseButton="false" stopMinimizeOnNameLayer="false"
    		toolbarPosition="bottom" stopToggleOnLast="false" horizontalArrangeNum="2" useCustomMsg="false" tooltipGroupClass="false"
    		windowTooltipDisplay="true" autoArrange="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() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload" style=";background-color:;" class="">
    	<w2:textbox label="Contents_Green" style="width: 250px;height: 30px;margin: 10px;font: 30px bolder;padding: 10px;background-color: green;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 () {
	var i;
	for (i = 0; i < 3; i++) {
		var num = JSON.stringify(i);
		var title = "Title_" + num;
		var windowId = num;
		var windowName = "Name_" + num;
		windowContainer1.createWindow(title, "", "", windowName, windowId, "newWindow");
		windowContainer1.setArrangeWindows("cascade");
	}
};

scwin.onpageunload = function () {

};

scwin.windowContainer1_ondragstart = function (windowId) {
	alert("ondragstart : " + windowId);
};

scwin.windowContainer1_ondragend = function (windowId) {
	alert("ondragend : " + windowId);
};

]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:windowContainer controlIconPosition="allright" fixArrangeFullScreen="false" hideTitleOnMaximize="false" horizontalArrangeNum=""
    		id="windowContainer1" sequentialArrangeColNum="" sequentialArrangeRowNum="" spaInitCount="0" stopMinimizeOnNameLayer="false"
    		stopToggleOnLast="false" style="position: relative;height: 300px;width: 800px;margin: 30px;border: gray solid 1px;"
    		toolbarPosition="top" tooltipDisplay="true" tooltipGroupClass="false" useCloseButton="false" useControlIconTitle=""
    		useCustomMsg="false" useFixButton="false" useNameContainer="true" useStatusMsg="true" verticalArrangeNum="" windowAutoResize="false"
    		windowMaxNum="20" windowMaximizeAll="true" windowTooltipDisplay="true" useWindowScrollButton="" windowScrollVisibleRowNum=""
    		ev:ondragstart="scwin.windowContainer1_ondragstart" ev:ondragend="scwin.windowContainer1_ondragend">
    		<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="" label="src Page" 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;text-align: center;" escape="" escapeFormatter=""></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="text" label="22.xml"
    		style="width: 150px;text-align: center;margin-bottom: 30px;height: 23px;margin: 10px;background-color:#8080C0;font-size:20px;">
    	</w2:textbox>
    </body>
</html>


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

	scwin.onpageload = function() {
		windowContainer1.createWindow( "aaa" , "" , "" , "window aaa" , "aaa" ,"newWindow", null,null,null,null,"wframe" );
		windowContainer1.createWindow( "bbb" , "" , "" , "window bbb" , "bbb" ,"newWindow", null,null,null,null,"wframe" );
		windowContainer1.createWindow( "ccc" , "" , "" , "window ccc" , "ccc" ,"newWindow", null,null,null,null,"wframe" );
		windowContainer1.createWindow( "ddd" , "" , "" , "window ddd" , "ddd" ,"newWindow", null,null,null,null,"wframe" );
		windowContainer1.createWindow( "eee" , "" , "" , "window eee" , "eee" ,"newWindow", null,null,null,null,"wframe" );
		windowContainer1.setArrangeWindows("vertical");
	};

	scwin.onpageunload = function() {

	};
	scwin.trigger1_onclick = function(e) {
		windowContainer1.setFocus("bbb");
	};

	scwin.trigger2_onclick = function(e) {
		var windowId = windowContainer1.getSelectedWindowId();
		var windowIndex = windowContainer1.getSelectedIndex();
		alert("windowId : " + windowId + "  &  " + "windowIndex : " + windowIndex );
	};
	]]></script>
    	<style type="text/css"><![CDATA[.w2window_selected {border: solid 2px red;} ]]></style>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" style="width:200px;line-height:32px;padding: 5px;font-size:15px;font-weight:bolder;top:20px;text-align: left;margin-bottom: 0px;margin-left: 50px;margin-top: 50px;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[setFocus()]]></xf:label>
    	</xf:trigger><xf:trigger type="button" id="trigger2" style="width:205px;line-height:32px;padding:5px;font-size:15px;font-weight:bolder;top:20px;text-align:left;margin-bottom:0px;margin-left:50px;margin-top:50px;" ev:onclick="scwin.trigger2_onclick">
    		<xf:label><![CDATA[windowId & windowIndex]]></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: 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>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {
        var i;
        for (i=0; i<9; i++) {
	    var num = JSON.stringify(i+1);
	    var title = "_win_" + num + "_";
        windowContainer1.createWindow( title, null, null);
    }
        windowContainer1.setArrangeWindows("sequential");
	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:windowContainer autoArrange="true" controlIconPosition="" fixArrangeFullScreen="false" hideTitleOnMaximize="false"
    		horizontalArrangeNum="2" id="windowContainer1" sequentialArrangeColNum="" sequentialArrangeRowNum="" spaInitCount="0"
    		stopMinimizeOnNameLayer="false" stopToggleOnLast="false" style="position: relative;height: 350px;width: 800px;margin: 50px;border: gray solid 1px;"
    		toolbarPosition="top" tooltipDisplay="true" tooltipGroupClass="false" useCloseButton="false" useControlIconTitle=""
    		useCustomMsg="false" useFixButton="false" useNameContainer="true" useStatusMsg="true" verticalArrangeNum="2" windowAutoResize="false"
    		windowMaxNum="20" windowMaximizeAll="true" windowTooltipDisplay="true" useWindowScrollButton="" windowScrollVisibleRowNum="">
    		<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 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() {
        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: 450px;margin: 30px;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>


<?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>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.multiSelect1_onrowclick = function(info) {
    var info = JSON.stringify(info);
    alert(info);
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<xf:select id="multiSelect1" appearance="minimal" style="width:150px;height:133px;margin-top: 100px;margin-left: 100px;" ref=""
    		ev:onrowclick="scwin.multiSelect1_onrowclick">
    		<xf:choices>
    			<xf:item>
    				<xf:label><![CDATA[AAA]]></xf:label>
    				<xf:value><![CDATA[1]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[BBB]]></xf:label>
    				<xf:value><![CDATA[2]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[CCC]]></xf:label>
    				<xf:value><![CDATA[3]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[DDD]]></xf:label>
    				<xf:value><![CDATA[4]]></xf:value>
    			</xf:item>
    			<xf:item>
    				<xf:label><![CDATA[EEE]]></xf:label>
    				<xf:value><![CDATA[5]]></xf:value>
    			</xf:item>
    		</xf:choices>
    	</xf:select>
    </body>
</html>


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

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		var date1 = input1.getValue();
		var result1 = WebSquare.date.toSolar(date1);
		input2.setValue(result1);
	};

	scwin.trigger2_onclick = function(e) {
		var date2 = input2.getValue();
		var result2 = WebSquare.date.toLunar(date2);
		input1.setValue(result2);

	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:group tagname="table" style="width:60%;margin: 100px;text-align: center;" id="" class="w2tb">
    		<w2:attributes>
    			<w2:summary></w2:summary>
    		</w2:attributes>
    		<xf:group tagname="caption"></xf:group>
    		<xf:group tagname="colgroup">
    			<xf:group tagname="col" style="width:50.00%;"></xf:group>
    			<xf:group tagname="col" style="width:50.00%;"></xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="font: 20px bolder;" class="w2tb_th">Lunar&nbsp;Calendar<w2:attributes>
    					<w2:scope>col</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="th" style="font: 20px bolder;" class="w2tb_th">Solar&nbsp;Calendar<w2:attributes>
    					<w2:scope>col</w2:scope>
    				</w2:attributes></xf:group>
    		</xf:group>
    		<xf:group tagname="tr">
    			<xf:group tagname="td" style="padding: 10px;" class="w2tb_td">
    				<xf:input adjustMaxLength="false" style="width: 200px;height: 23px;font: 20px bolder;color: red;padding: 5px;text-align: center;"
    					id="input1" displayFormat="yyyy-MM-dd" dataType="date" displaymessage="" nextTabID="trigger1">
    				</xf:input>
    			</xf:group>
    			<xf:group tagname="td" style="padding: 10px;" class="w2tb_td">
    				<xf:input adjustMaxLength="false"
    					style="width: 200px;height: 23px;font: 20px bolder;color: blue;padding: 5px;margin-left: 30px;text-align: center;" id="input2"
    					displayFormat="yyyy-MM-dd" dataType="date" nextTabID="trigger2">
    				</xf:input>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr">
    			<xf:group tagname="td" style="padding: 10px;" class="w2tb_td">
    				<xf:trigger ev:onclick="scwin.trigger1_onclick" style="width: 210px;height: 30px;font: 15px bolder;padding: 5px;"
    					id="trigger1" type="button">
    					<xf:label><![CDATA[WebSquare.date.toSolar()]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    			<xf:group tagname="td" style="padding: 10px;" class="w2tb_td">
    				<xf:trigger ev:onclick="scwin.trigger2_onclick"
    					style="width: 210px;height: 30px;font: 15px bolder;margin-left: 30px;padding: 5px;" id="trigger2" type="button">
    					<xf:label><![CDATA[WebSquare.date.toLunar()]]></xf:label>
    				</xf:trigger>
    			</xf:group>
    		</xf:group>
    	</xf:group>
    </body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
    	<w2:type>DEFAULT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2: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="" label='maxcount="5" (Default)'
    		style="width:268px;text-align:center;line-height:32px;height:32px;margin:50px;margin-bottom:0px;background-color:#C0C0C0;font-size:17px;font-family:monospace;font-style:normal;font-weight:bolder;">
    	</w2:textbox>
    	<w2:multiupload action="" filter="" id="multi2" maxcount="3" maxsize="" mode="flash"
    		style="position:relative;width:446px;height:180px;margin:50px;margin-bottom: 0;" uploadButton="" userData1="" wmode="">
    	</w2:multiupload>
    </body>
</html>


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

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:group tagname="table" style="width:90%;margin-left:20px;margin-top:40px;" id="" class="w2tb">
    		<w2:attributes>
    			<w2:summary></w2:summary>
    		</w2:attributes>
    		<xf:group tagname="caption"></xf:group>
    		<xf:group tagname="colgroup">
    			<xf:group tagname="col" style="width:40%;"></xf:group>
    			<xf:group tagname="col" style="width:50.00%"></xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style=";font-size:20px;color:blue;" class="w2tb_th">maskFormat="default"&nbsp;<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<xf:input adjustMaxLength="false" allowChar="0-9, aA-zZ" applyFormat="all" dataType="" displayFormat="#-##-###" id=""
    					maskFormat="default"
    					style="width:286px;height:37px;font-size:40px;font:blue;color:#0000FF;padding:10px;text-align:center;margin:10px;">
    				</xf:input>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style=";font-size:20px;color:red;" class="w2tb_th">maskFormat="reverse"&nbsp;<w2:attributes>
    					<w2:scope>row</w2:scope>
    				</w2:attributes></xf:group>
    			<xf:group tagname="td" style="" class="w2tb_td">
    				<xf:input adjustMaxLength="false" allowChar="0-9, aA-zZ" applyFormat="all" dataType="" displayFormat="#-##-###" id=""
    					maskFormat="reverse"
    					style="width:286px;height:37px;font-size:40px;font:blue;color:#0000FF;padding:10px;text-align:center;margin:10px;">
    				</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:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
        </xf:model>
         <script type="text/javascript" lazy="false"><![CDATA[

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.input1_oneditfull = function() {
		alert("oneditfull - Maximum length reached.");
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="" label="Event - oneditfull" style="width:354px;padding: 5px;line-height:32px;height:32px;margin:20px;margin-top: 100px;margin-left: 150px;margin-bottom:30px;background-color:#C0C0C0;font-size:17px;font-family:monospace;font-style:normal;font-weight:bolder;">
    	</w2:textbox><xf:input adjustMaxLength="false" id="input1"
    		style="width:338px;padding: 10px;line-height:32px;height:32px;margin:50px;margin-top: 0px;margin-left: 150px;margin-bottom: 0px;margin-bottom:30px;font-size:17px;font-family:monospace;font-style:normal;font-weight:bolder;"
    		ev:oneditfull="scwin.input1_oneditfull" maxByteLength="7" autoFocus="true">
    	</xf:input>

    </body>
</html>


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

	scwin.onpageload = function() {

	};

	scwin.onpageunload = function() {

	};

	scwin.trigger1_onclick = function(e) {
		var value = input1.getValue();
		alert(value);
	};

	scwin.trigger2_onclick = function(e) {
		input1.setValue("Hello!");
	};

	scwin.trigger3_onclick = function(e) {
		input1.setValue(111);
	};

	scwin.trigger4_onclick = function(e) {
		input1.setValue("WebSquare5");
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="margin: 50px;"><xf:group style="" id="">
    		<xf:input adjustMaxLength="false" style="width: 150px;height: 39px;line-height:32px;padding:5px;font-size:15px;font-family:monospace;" id="input1"></xf:input>
    		<xf:trigger style="width: 150px;height: 39px;margin-left: 50px;float: right;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;" id="trigger1" type="button" ev:onclick="scwin.trigger1_onclick">
    			<xf:label><![CDATA[getValue()]]></xf:label>
    		</xf:trigger>

    	</xf:group><xf:trigger style="width: 150px;height:39px;margin-top:30px;display: block;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;" id="trigger2" type="button" ev:onclick="scwin.trigger2_onclick">
    		<xf:label><![CDATA[setValue()]]></xf:label>
    	</xf:trigger><xf:trigger style="width: 150px;height:39px;margin-top:30px;display: block;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;" id="trigger3" type="button" ev:onclick="scwin.trigger3_onclick">
    		<xf:label><![CDATA[setValue()]]></xf:label>
    	</xf:trigger><xf:trigger style="width: 150px;height:39px;margin-top:30px;display: block;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-size:15px;font-family:monospace;" id="trigger4" type="button" ev:onclick="scwin.trigger4_onclick">
    		<xf:label><![CDATA[setValue()]]></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() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:group tagname="table" style="width:60%;margin: 100px;margin-left: 200px;" id="" class="w2tb">
    		<w2:attributes>
    			<w2:summary></w2:summary>
    		</w2:attributes>
    		<xf:group tagname="caption"></xf:group>
    		<xf:group tagname="colgroup">
    			<xf:group tagname="col" style="width:50.00%;"></xf:group>
    			<xf:group tagname="col" style="width:50.00%"></xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="font-size:18px;font-family: monospace;" class="w2tb_th">dataType="euro"<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" dataType="euro" euroMask="#.###,##" id="input1" style="width:85%;height:40px;padding: 10px;font-size:20px;font-family:monospace;font-style:normal;font-weight:bolder;"></xf:input>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="font-size:18px;font-family: monospace;" class="w2tb_th">dataType="rupee"<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" dataType="rupee" id="input3" rupeeMask="##,##,###.##"
    					style="width:85%;height:40px;padding: 10px;font-size:20px;font-family:monospace;font-style:normal;font-weight:bolder;">
    				</xf:input>
    			</xf:group>
    		</xf:group>
    		<xf:group tagname="tr" style="">
    			<xf:group tagname="th" style="font-size:18px;font-family: monospace;" class="w2tb_th">dataType="tenge"<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" dataType="tenge" disabled="" id="input5" style="width:85%;height:40px;padding: 10px;font-size:20px;font-family:monospace;font-style:normal;font-weight:bolder;"
    					tengeMask="# ###.00">
    				</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: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 status = input1.getMandatory();
		alert(status);
	};

	scwin.trigger2_onclick = function(e) {
		input1.setMandatory(true);
		alert('Set mandatory property as "true"');
	};]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload"><xf:group id="" style="margin: 50px;"><xf:input adjustMaxLength="false" style="width: 150px;height: 39px;line-height:32px;padding:5px;font-size:15px;font-family:monospace;display: block" id="input1"></xf:input><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width:160px;height:39px;margin-top:30px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;display:block;" id="trigger1" type="button">
    			<xf:label><![CDATA[getMandatory()]]></xf:label>
    		</xf:trigger><xf:trigger ev:onclick="scwin.trigger2_onclick" style="width:160px;height:39px;margin-top:30px;display:block;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;" id="trigger2" type="button">
    		<xf:label><![CDATA[setMandatory()]]></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() {

	};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:textbox id="" label="tooltipDisplay & tooltipShowAlways" style="width:388px;text-align:center;line-height:32px;height:32px;margin:20px;margin-bottom:30px;background-color:#C0C0C0;font-size:17px;font-family:monospace;font-style:normal;font-weight:bolder;">
    	</w2:textbox><w2:textbox
    		label="Once upon a time, there was a Kingdom. The king there only had one leg and one eye, but he was very intelligent and kind. Everyone in his kingdom lived a happy and a healthy life because of their king. One day the king was walking through the palace hallway and saw the portraits of his ancestors."
    		style="width:200px;height:11px;overflow:hidden;text-overflow:ellipsis;margin:20px;border-color:#000000;border-style:solid;padding:5px;"
    		id="" tooltipDisplay="true" tooltipShowAlways="true" tooltipPositionY="2" tooltipPositionX="60" toolTip="" tooltipTime="0">
    	</w2:textbox>
    	<w2:textbox id="" label="tooltip"
    		style="width:51px;height:11px;overflow:hidden;text-overflow:ellipsis;margin:20px;border-color:black;border-style:solid;padding:5px;"
    		tooltipDisplay="true" tooltipPositionY="2" tooltipShowAlways="true" tooltipPositionX="60" toolTip="">
    	</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>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() {

};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    <xf:group id="" style="padding-left: 200px;padding-top: 50px;"><w2:textbox style="width: 170px;height: 23px;line-height:32px;margin-bottom: 20px;padding:5px;background-color:#C0C0C0;font-size: :15px;font-family: monospace;" id="" label='dayMoveFixed="true"'></w2:textbox><w2:inputCalendar footerDiv="false" rightAlign="false" focusOnDateSelect="false" style="width: 180px;height: 30px;" id="" renderDiv="true" calendarValueType="yearMonthDate" monthNames="1,2,3,4,5,6,7,8,9,10,11,12" monthNamesForYearMonthType="1,2,3,4,5,6,7,8,9,10,11,12" showToday="false" yearSuffix="Y" dayMoveFixed="true">
    	</w2:inputCalendar></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:inputCalendar footerDiv="false" id="" style="width:415px;height:107px;margin:50px;margin-left:200px;" renderDiv="true" focusOnDateSelect="false"
    		calendarValueType="" rightAlign="false" renderType="component" showToday="true">
    	</w2:inputCalendar>
    </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 options = {
				ioFormat:"MMddyyyy", // Date input format 날짜 입력 순서
				displayFormat:"MM-dd-yyyy", // Date display in input box 입력란에 표시되는 날짜 순서
				calendarDisplayFormat: "yyyy(Y) - MM(M) - dd(D)" // Date display on Calendar 달력에 표시되는 날짜 순서
			}
		inputCalendar1.setIoFormat( options );
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style=";margin:30px;"><w2:inputCalendar minYear="0001" footerDiv="false" focusOnDateSelect="false" calendarValueType="yearMonthDate" maxYear="2050" rightAlign="false" monthNamesForYearMonthType="1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12" style="width: 150px;height: 23px;margin:30px;font-size:20px;" id="inputCalendar1" renderType="component" renderDiv="true" monthNames="1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12" yearSuffix="Y" ioFormat="" displayFormat="" calendarDisplayFormat="">
    	</w2:inputCalendar><xf:trigger ev:onclick="scwin.trigger1_onclick" style="width:129px;height:23px;margin-left:20px;" id="trigger1" type="button">
    		<xf:label><![CDATA[setIoFormat();]]></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) {
		inputCalendar1.disableDate("20220527 20220528 20220529");
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="padding: 50px;"><xf:trigger style="width:188px;line-height:32px;height: 40px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;top:20px;text-align:left;" id="trigger1" type="button" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[disableDate()]]></xf:label>
    	</xf:trigger><w2:inputCalendar footerDiv="false" rightAlign="false" focusOnDateSelect="false" style="width:150px;height:40px;margin-left:100px;" id="inputCalendar1" renderDiv="true" calendarValueType="yearMonthDate" monthNames="1,2,3,4,5,6,7,8,9,10,11,12" monthNamesForYearMonthType="1,2,3,4,5,6,7,8,9,10,11,12" yearSuffix="Y">
    	</w2:inputCalendar></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() {
        inputCal1.setValue("10032000");
    };

    scwin.onpageunload = function() {

    };

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

    	<w2:inputCalendar footerDiv="false" id="" style="width: 242px;height: 60px;margin:100px;" renderDiv="true" focusOnDateSelect="false"
    		calendarValueType="yearMonthDate" rightAlign="false" renderType="component" pickerType="dynamic" monthNames="Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec" minYear="1900" maxYear="2100" monthNamesForYearMonthType="Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec" nextTabID="" yearSuffix="Y" displayFormat="">
    	</w2:inputCalendar>
    </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) {
		inputCalendar1.setValue("01022022");
	};

	scwin.trigger2_onclick = function(e) {
		inputCalendar1.setValue("01-04-2022");
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:inputCalendar footerDiv="false" id="inputCalendar1" style="width:248px;height:38px;margin-top:100px;margin-left:300px;"
    		renderDiv="true" focusOnDateSelect="false" calendarValueType="yearMonthDate" rightAlign="false" renderType="component"
    		monthNames="Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec" yearSuffix="Y" ioFormat="MM-dd-yyyy" displayFormat="MM-dd-yyyy" calendarDisplayFormat="MM-dd-yyyy">
    	</w2:inputCalendar>
    	<xf:trigger type="button"
    		style="width:248px;height:38px;display:block;margin-left:300px;margin-top:50px;background-color:#C0C0C0;font-size:17px;font-family:monospace;font-style:normal;font-weight:bolder;"
    		id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[setValue("01022022");]]></xf:label>
    	</xf:trigger>
    	<xf:trigger type="button" style="width:248px;height:38px;display:block;margin-left:300px;margin-top:50px;background-color:#C0C0C0;font-size:17px;font-family:monospace;font-style:normal;font-weight:bolder;" id="trigger2" ev:onclick="scwin.trigger2_onclick">
    		<xf:label><![CDATA[setValue("01-04-2022");]]></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");
	};

	scwin.onpageunload = function() {

	};

	scwin.inputCalendar1_invalidMessageFunc = function() {
		var opts = {
            "id" : "popup2",
            "type" : "wframePopup",
            "width" : "440px",
            "height" : "90px",
            "top" : 100,
            "left" : 300,
            "popupName" : "date_validation_error",
            "modal" : true,
            "title" : "date validation error",
            "dataObject" : {
                "type" : "string",
                "data" : this.callerId,
                "name" : "callerId"
            }
        };
        if (!$p.getPopup("popup2")) {
        	$p.openPopup("messagePopup.xml", opts);
        }
	}
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:inputCalendar footerDiv="false" id="inputCalendar1" style="height: 30px;margin: 50px;width: 200px;" renderDiv="true"
    		focusOnDateSelect="false" calendarValueType="yearMonthDate" rightAlign="false" renderType="component" dateValidSetCustom="true"
    		invalidMessageFunc="scwin.inputCalendar1_invalidMessageFunc" dateValidCheck="true" dateValidSet="true" validCheck="true" displaymessage="false" monthNames="1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12" monthNamesForYearMonthType="1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12" yearSuffix="Y">
    	</w2:inputCalendar>
    </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:inputCalendar autoFocus="false" calendarValueType="yearMonthDate" editType="select" ev:onkeyup="scwin.cal1_onkeyup"
    		ev:onviewchange="scwin.cal1_onviewchange" focusOnDateSelect="false" footerDiv="false" id="cal1" nextTabID="" renderDiv="true"
    		renderType="component" rightAlign="false" style="width: 150px;height: 23px;margin: 50px;margin-left: 200px;" monthNames="Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec" yearSuffix="Y" displayDayType="text">
    	</w2:inputCalendar>
    </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) {
		upload1.openFileDialog();
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    <xf:group id="" style="margin: 50px;"><xf:trigger style="width:162px;height:23px;display: block;margin-bottom: 50px;" id="trigger1" type="button" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[openFileDialog()]]></xf:label>
    	</xf:trigger><w2:upload inputStyle="vertical-align:middle;word-wrap:break-word" style="width: 250px;height: 23px;" id="upload1" imageStyle="position:absolute;vertical-align:middle;word-wrap:break-word">
    	</w2:upload></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) {
		WebSquare.logger.disableContextMenu();
		alert("Context menus will not be shown.");
	};

	scwin.trigger2_onclick = function(e) {
		WebSquare.logger.enableContextMenu();
		alert("Context menus will be available.");
	};
	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button"
    		style="width:188px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;top:20px;text-align:left;margin-bottom:0px;margin-left:100px;margin-top:50px;display: block"
    		id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[disableContextMenu()]]></xf:label>
    	</xf:trigger>
    	<xf:trigger type="button" style="width:188px;line-height:32px;padding:5px;background-color:#C0C0C0;font-size:15px;font-family:monospace;font-style:normal;font-weight:bolder;top:20px;text-align:left;margin-bottom:0px;margin-left:100px;margin-top:20px;" id="trigger2" ev:onclick="scwin.trigger2_onclick" disabled="">
    		<xf:label><![CDATA[enableContextMenu()]]></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() {
		udc1.setFirst("Aaa");
		udc1.setSecond("bbb");
		alert(udc1.getValues());
	};

	scwin.onpageunload = function() {

	};

	]]></script>
    	<w2:require src="/udc/fullNames.xml"></w2:require>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:udc_fullNames style="width: 80%;height: 90%;" id="udc1" disable2="false" disable1="false"></w2:udc_fullNames>
    </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.udc_color1_oncolorchange = function() {
    alert("The color is about to change.");
};
]]></script>
    	<w2:require as="udc_color" type="page" variableClone="true" src="/cm/udc/color.xml"></w2:require>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<w2:udc_color style="width: 50%;height: 50%;" initialColor="white" id="udc_color1" ev:oncolorchange="scwin.udc_color1_oncolorchange"></w2:udc_color>
    </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) {
    udc_color1.addBorder();
};

scwin.trigger2_onclick = function(e) {
    udc_color1.removeBorder();
};

scwin.trigger3_onclick = function(e) {
    udc_color1.showCurrentColor();
};
]]></script>
    	<w2:require as="udc_color" type="page" variableClone="true" src="/cm/udc/color.xml"></w2:require>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<xf:trigger type="button" style="width:230px;height:40px;display:block;font-size:20px;font-family:monospace;font-style:normal;font-weight:bolder;margin:20px;margin-bottom: 20px;text-align:left;padding-left:20px;" id="trigger1" ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[addBorder()]]></xf:label>
    	</xf:trigger>
    	<xf:trigger type="button" style="width:230px;height:40px;display:block;font-size:20px;font-family:monospace;font-style:normal;font-weight:bolder;margin:20px;margin-bottom: 20px;text-align:left;padding-left:20px;" id="trigger2" ev:onclick="scwin.trigger2_onclick">
    		<xf:label><![CDATA[removeBorder()]]></xf:label>
    	</xf:trigger>
    	<xf:trigger type="button" style="width:230px;height:40px;display:block;font-size:20px;font-family:monospace;font-style:normal;font-weight:bolder;margin:20px;margin-bottom: 20px;text-align:left;padding-left:20px;" id="trigger3" ev:onclick="scwin.trigger3_onclick">
    		<xf:label><![CDATA[showCurrentColor()]]></xf:label>
    	</xf:trigger>
    	<w2:udc_color style="width: 50%;height: 50%;" initialColor="white" id="udc_color1"></w2:udc_color>
    </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 palette="support">COMPONENT</w2:type>
        <w2:buildDate/>
        <w2:MSA/>
        <xf:model>
            <w2:dataCollection baseNode="map"/>
            <w2:workflowCollection/>
        </xf:model>
        <w2:layoutInfo/>
        <w2:publicInfo method="scwin.addBorder,scwin.removeBorder,scwin.getCurrentColor,scwin.showCurrentColor"/>
        <script lazy="false" type="text/javascript"><![CDATA[
/**
 * @component
 * @company
 * @developer inswave
 * @variableClone true
 * @notSupportBrowser
 * @version
 * @htmlRender
 * @icon
 * @disableIcon
 * @width 50%
 * @height 50%
 * @description Show the color based on the user's input.
 */

/**
 * @property
 * @name style
 * @category 01.Basic & ETC
 * @type string
 * @option
 * @default
 * @necessary N
 * @bindparent
 * @description desc
 */

/**
 * @property
 * @name class
 * @category 01.Basic & ETC
 * @type string
 * @option
 * @default
 * @necessary N
 * @bindparent
 * @description desc
 */

/**
 * @property
 * @name id
 * @category 01.Basic & ETC
 * @type string
 * @option
 * @default
 * @necessary N
 * @bindparent
 * @description desc
 */

/**
 * @property
 * @name initialColor
 * @category 01.Basic & ETC
 * @type string
 * @option
 * @default white
 * @necessary N
 * @bindparent
 * @description Color to be displyed in the default state.
 */

scwin.onpageload = function() {
	var options = $p.getOptions();
    var initialColor = options.initialColor;
    group1.setStyle("background-color", initialColor);
};

/**
 * @method
 * @name addBorder
 * @description Add thick red border.
 * @param
 * @returns
 * @hidden N
 * @exception
 * @example
 */
scwin.addBorder = function() {
    group1.setStyle("border", "solid 10px red");
}

/**
 * @method
 * @name removeBorder
 * @description Remove the border.
 * @param
 * @returns
 * @hidden N
 * @exception
 * @example
 */
scwin.removeBorder = function() {
    group1.setStyle("border", "none");
}

/**
 * @method
 * @name showCurrentColor
 * @description Show the current color.
 * @param
 * @returns
 * @hidden N
 * @exception
 * @example
 */
scwin.showCurrentColor = function() {
    var color = input1.getValue();
    alert("The color to be changed to " + color + ".");
}

/**
 * @event
 * @name oncolorchange
 * @description Triggered upon the color being changed.
 * @param
 * @example
 */
scwin.emit_oncolorchange = function() {
	$p.emit("oncolorchange");
}

scwin.input1_oneditenter = function() {
    var color = input1.getValue();
    group1.setStyle( "background-color", color);
    $p.emit("oncolorchange");
};
]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload">
    <xf:group id="group1" style="padding: 30px;padding: 30px;margin: 20px;border: solid 2px black;height: 50%;width: 50%;"><xf:input adjustMaxLength="false" style="width:50%;height:30%;font-size: 20px;" id="input1" ev:oneditenter="scwin.input1_oneditenter"></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>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() {

};
]]></script>
    	<w2:require as="udc_color" type="page" variableClone="true" src="/cm/udc/color.xml"></w2:require>
    </head>
    <body ev:onpageload="scwin.onpageload">
    	<w2:udc_color style="width: 50%;height: 50%;" initialColor="orange"></w2:udc_color>
    </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/>
        <xf:model>
        	<xf:instance>
        		<data xmlns="" />
        	</xf:instance>
        	<w2:dataCollection baseNode="map">
        		<w2:dataList id="dataList2" baseNode="list" saveRemovedData="true" repeatNode="map">
        			<w2:columnInfo>
        				<w2:column id="label" name="name1" dataType="text"></w2:column>
        				<w2:column id="value" name="name2" dataType="text"></w2:column>
        			</w2:columnInfo>
        		</w2:dataList>
        	</w2:dataCollection>
        	<w2:workflowCollection></w2:workflowCollection>
        	<xf:submission id="submission1" ref='' target='data:json,{"id":"dataList2","key":"data"}' action="/KMS/TechDB/autoComplete-001/ac_data.json" method="post" mediatype="application/json"
        		encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous" processMsg="" ev:submit=""
        		ev:submitdone="scwin.submission1_submitdone" ev:submiterror="" abortTrigger="">
        	</xf:submission>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

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

		scwin.onpageload = function() {

		};

		scwin.onpageunload = function() {

		};

        scwin.subfunc = function(searchStr, keyCode){
       		console.log(searchStr);
        	$p.executeSubmission( "submission1", searchStr);
        };

		scwin.submission1_submitdone = function(e) {
			autoComplete1.setItemSet("data:dataList2","label","value");
			autoComplete1.openTable();
		};

		]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<w2:autoComplete visibleRowNum="10" chooseOption="" id="autoComplete1"
    		style="position: absolute ;left:21px;top:22px;width: 148px;height: 21px;" search="" interactionMode="true" displayMode="label"
    		useKeywordHighlight="true" submenuSize="auto" editType="select" allOption="" submission="" ref="" noResult="" keyInputRef="" submissionFunc="scwin.subfunc" allowEmptySubmission="true">
    		<w2:choices>
    			<w2:itemset nodeset="">
    				<w2:label ref=""></w2:label>
    				<w2:value ref=""></w2:value>
    			</w2:itemset>
    		</w2:choices>
    	</w2:autoComplete>
    </body>
</html>


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

		<w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            	<w2:dataList id="dataList1" baseNode="list" saveRemovedData="true" repeatNode="map">
            		<w2:columnInfo>
            			<w2:column id="nameDis" name="name1" dataType="text"></w2:column>
            			<w2:column id="levelCnt" name="name2" dataType="text"></w2:column>
            		</w2:columnInfo>
            	</w2:dataList>
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

    	<w2:textbox label="* css 적용전" id="textbox1" style="position: relative;width: 150px;height: 23px;margin-left:5px;"></w2:textbox>
    	<w2:gridView dataList="dataList1" scrollByColumn="false" id="gridView1" style="position: relative;width: 500px;height: 150px;margin-left:5px;"
    		ignoreCellClick="false" ignoreToggleOnDisabled="false" fixedColumnWithHidden="true" useShiftKey="true">
    		<w2:header id="header1" style="">
    			<w2:row id="row2" style="">
    				<w2:column blockSelect="false" id="column7" style="height:20px" inputType="text" width="148" displayMode="label"
    					value="name1">
    				</w2:column>
    				<w2:column blockSelect="false" id="column3" style="height:20px" width="70" inputType="text" displayMode="label"
    					value="name2">
    				</w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody id="gBody4" style="">
    			<w2:row id="row5" style="">
    				<w2:column blockSelect="false" id="nameDis" style="height:20px" inputType="drilldown" width="148" displayMode="label"
    					depthColumn="levelCnt" showDepth="3" depthType="div">
    				</w2:column>
    				<w2:column blockSelect="false" id="levelCnt" style="height:20px" width="70" inputType="text" displayMode="label"></w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>
    	<w2:textbox label="* css적용후 : w2grid_depthBlank 재정의

.css1 .w2grid_depthBlank {
width:2px;
}

.css1 .w2grid_depthBlank:last-child {
width: 14px;
}" id="textbox2" style="position: relative;width:503px;height:138px;margin-top:45px;margin-left:5px;"></w2:textbox><w2:gridView dataList="dataList1" fixedColumnWithHidden="true" id="gridView2" ignoreCellClick="false" ignoreToggleOnDisabled="false"
    		scrollByColumn="false" style="position: relative;width: 500px;height: 150px;margin-top:25px;margin-left:5px;" useShiftKey="true" class="css1">
    		<w2:header id="header1" style="">
    			<w2:row id="row2" style="">
    				<w2:column blockSelect="false" displayMode="label" id="column7" inputType="text" style="height:20px" value="name1"
    					width="148">
    				</w2:column>
    				<w2:column blockSelect="false" displayMode="label" id="column3" inputType="text" style="height:20px" value="name2"
    					width="70">
    				</w2:column>
    			</w2:row>
    		</w2:header>
    		<w2:gBody id="gBody4" style="">
    			<w2:row id="row5" style="">
    				<w2:column blockSelect="false" depthColumn="levelCnt" displayMode="label" id="nameDis" inputType="drilldown"
    					showDepth="3" style="height:20px" width="148" depthType="div">
    				</w2:column>
    				<w2:column blockSelect="false" displayMode="label" id="levelCnt" inputType="text" style="height:20px" width="70"></w2:column>
    			</w2:row>
    		</w2:gBody>
    	</w2:gridView>


<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="/websquare5/common/css/content.css" type="text/css"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:w2="http://www.inswave.com/websquare"
	xmlns:xf="http://www.w3.org/2002/xforms">
	<head>
		<w2:buildDate />
		<xf:model>
			<xf:instance>
				<data xmlns="" />
			</xf:instance>
			<w2:dataCollection>
				<w2:dataList id="dataList_menu" style="" valueAttribute="">
					<w2:columnInfo>
						<w2:column id="MENU_ID" name="메뉴ID" dataType="text"></w2:column>
						<w2:column id="MENU_NM" name="메뉴명" dataType="text"></w2:column>
						<w2:column id="HIGHER_MENU_ID" name="상위메뉴ID" dataType="text"></w2:column>
						<w2:column id="LEVEL_CNT" name="레벨수" dataType="text"></w2:column>
						<w2:column id="SRC_PATH" name="파일경로" dataType="text"></w2:column>
						<w2:column id="temp" name="임시" dataType="text"></w2:column>
					</w2:columnInfo>
				</w2:dataList>
			</w2:dataCollection>
			<xf:submission id="submission1" ref="" target='data:json,"dataList_menu"' action="getMainTreeMenuData.json"
				method="post" mediatype="application/json" encoding="UTF-8" instance="" replace="" errorHandler="" customHandler="" mode="asynchronous"
				processMsg="" singleMode="true">
			</xf:submission>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

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

		scwin.onpageload = function() {
			//$p.executeSubmission('submission1');

			var jsonArr = [{
				"MENU_ID":"Education",
				"MENU_NM":"Education",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":2,"SRC_PATH":"",
				"temp":"Education,Basic"
			},
			{
				"MENU_ID":"Education001",
				"MENU_NM":"Basic",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/edu/basic.xml",
				"temp":"Education,WebSquare5 Basic"
			},
			{
				"MENU_ID":"DataCollection",
				"MENU_NM":"DataCollection",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":2,"SRC_PATH":"",
				"temp":"DataCollection,DataMap Binding,DataList Binding,LinkedDataList Binding"
			},
			{
				"MENU_ID":"DataCollection001",
				"MENU_NM":"DataMap Binding",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/DataCollection/DataMapBinding.xml",
				"temp":"DataMap Binding,DataList Binding,LinkedDataList Binding"
			},
			{
				"MENU_ID":"DataCollection002",
				"MENU_NM":"DataList Binding",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":4,"SRC_PATH":"/websquare5/components/DataCollection/DataListBinding.xml",
				"temp":"DataMap Binding,DataList Binding,LinkedDataList Binding"
			},
			{
				"MENU_ID":"DataCollection003",
				"MENU_NM":"LinkedDataList Binding",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":5,"SRC_PATH":"/websquare5/components/DataCollection/LinkedDataListBinding.xml",
				"temp":"DataMap Binding,DataList Binding,LinkedDataList Binding"
			},
			{
				"MENU_ID":"DataCollection004",
				"MENU_NM":"Master Detail Binding",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":6,"SRC_PATH":"/websquare5/components/DataCollection/masterDetail.xml",
				"temp":"DataMap Binding,DataList Binding,LinkedDataList Binding"
			},
			{
				"MENU_ID":"TBL",
				"MENU_NM":"TableLayout",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":2,"SRC_PATH":"",
				"temp":"TableLayout,Login Layout,Search Layout,Result Layout"
			},
			{
				"MENU_ID":"TBL001",
				"MENU_NM":"Table Layout",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/tableLayout/tableLayout.xml",
				"temp":"TableLayout,Table  Layout"
			},
			{
				"MENU_ID":"TBL002",
				"MENU_NM":"Adaptive Layout",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/tableLayout/adativeTable.xml",
				"temp":"TableLayout,Adaptive Layout"
			},
			{
				"MENU_ID":"GRDV",
				"MENU_NM":"GridView",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":2,"SRC_PATH":"",
				"temp":"GridView,Basic GridView,Master-detail GridView"
			},
			{
				"MENU_ID":"GRDV001",
				"MENU_NM":"Basic GridView",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/basic.xml",
				"temp":"GridView,Basic GridView"
			},
			{
				"MENU_ID":"GRDV003",
				"MENU_NM":"DrillDown",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/drillDown.xml",
				"temp":"GridView,DrillDown"
			},
			{
				"MENU_ID":"GRDV004",
				"MENU_NM":"Column Merge",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/colMerge.xml",
				"temp":"GridView,Column Merge"
			},
			{
				"MENU_ID":"GRDV005",
				"MENU_NM":"AutoFit",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/autoFit.xml",
				"temp":"GridView,AutoFit"
			},
			{
				"MENU_ID":"GRDV006",
				"MENU_NM":"Header Filter & Sort",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/headFilter.xml",
				"temp":"GridView,Column Merge"
			},
			{
				"MENU_ID":"GRDV007",
				"MENU_NM":"Adaptive Grid",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/adaptiveGrid.xml",
				"temp":"GridView,Adaptive Grid"
			},
			{
				"MENU_ID":"GRDV008",
				"MENU_NM":"ExcelDownload",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/excelDownload.xml",
				"temp":"GridView,ExcelDownload GridView"
			},
			{
				"MENU_ID":"GRDV009",
				"MENU_NM":"ExcelUpload",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/excelUpload.xml",
				"temp":"GridView,ExcelUpload GridView"
			},
			{
				"MENU_ID":"GRDV0010",
				"MENU_NM":"Quantum Grid",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/quantumGrid.xml",
				"temp":"GridView,Quantum Grid"
			},
			{
				"MENU_ID":"GRDV011",
				"MENU_NM":"Context Menu",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/contextMenu.xml",
				"temp":"GridView, Context Menu"
			},
			{
				"MENU_ID":"GRDV012",
				"MENU_NM":"SubTotal",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/subtotal.xml",
				"temp":"GridView, SubTotal"
			},
			{
				"MENU_ID":"GRDV013",
				"MENU_NM":"Expression",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/expression.xml",
				"temp":"GridView, Expression"
			},
			{
				"MENU_ID":"GRDV014",
				"MENU_NM":"Format",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/formatter.xml",
				"temp":"GridView, Format"
			},
			{
				"MENU_ID":"GRDV015",
				"MENU_NM":"대량데이터(setData형식)",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/dsme.xml",
				"temp":"GridView, 대량데이터(setData형식)"
			},
			{
				"MENU_ID":"GRDV016",
				"MENU_NM":"PageList",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/gridView/pageList.xml",
				"temp":"GridView, PageList"
			},
			{
				"MENU_ID":"FORM",
				"MENU_NM":"FormControl",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":2,"SRC_PATH":"",
				"temp":"FormControl,gridItemSet"
			},
			{
				"MENU_ID":"FORM001",
				"MENU_NM":"GridItemSet",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/formControl/gridItemSet.xml",
				"temp":"FormControl,gridItemSet"
			},
			{
				"MENU_ID":"FORM002",
				"MENU_NM":"InputBox Property",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/formControl/inputBoxProperty.xml",
				"temp":"FormControl,inputBoxProperty"
			},
			{
				"MENU_ID":"FORM003",
				"MENU_NM":"InputBox DisplayFormat",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/formControl/displayFormat.xml",
				"temp":"FormControl,displayFormat"
			},
			{
				"MENU_ID":"CONT",
				"MENU_NM":"Container",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":2,"SRC_PATH":"",
				"temp":"Container,SPA TabControl"
			},
			{
				"MENU_ID":"CONT001",
				"MENU_NM":"SPA TabControl",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/container/spaTab.xml",
				"temp":"Container,SPA TabControl"
			},
			{
				"MENU_ID":"CONT002",
				"MENU_NM":"SPA MDI",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/container/spaWindow.xml",
				"temp":"Container,SPA MDI"
			},
			{
				"MENU_ID":"CONT003",
				"MENU_NM":"Adaptive Tabcontrol",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/container/adaptiveTabcontrol.xml",
				"temp":"Container,Adaptive Tabcontrol"
			},
			{
				"MENU_ID":"CHART",
				"MENU_NM":"Chart",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":2,"SRC_PATH":"",
				"temp":"Chart,FusionChart"
			},
			{
				"MENU_ID":"CHART001",
				"MENU_NM":"FusionChart",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/chart/fusionChartBinding.xml",
				"temp":"Chart,FusionChart"
			},
			{
				"MENU_ID":"CHART002",
				"MENU_NM":"Column & Bar",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/chart/basicFusionChart.xml",
				"temp":"Chart,Column & Bar"
			},
			{
				"MENU_ID":"CHART003",
				"MENU_NM":"Doughnut & Pie",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/chart/pie_DoughtnutChart.xml",
				"temp":"Chart,Doughnut & Pie"
			},
			{
				"MENU_ID":"CHART004",
				"MENU_NM":"Line & Area",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/chart/line_AreaChart.xml",
				"temp":"Chart,Line & Area"
			},
			{
				"MENU_ID":"CHART005",
				"MENU_NM":"Stack & Bubble",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/chart/stack_BubbleChart.xml",
				"temp":"Chart,Stack & Bubble"
			},
			{
				"MENU_ID":"CHART006",
				"MENU_NM":"Pareto & MsCombi",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/chart/pareto_MsCombi.xml",
				"temp":"Chart,Pareto & MsCombi"
			},
			{
				"MENU_ID":"SUBMISSION",
				"MENU_NM":"Submission",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":2,"SRC_PATH":"",
				"temp":"SUBMISSION, XML"
			},
			{
				"MENU_ID":"SUBMISSION001",
				"MENU_NM":"Same Id/Key (JSON)",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/submission/jsonSameId.xml",
				"temp":"SUBMISSION, Same Id/Key (JSON)"
			},
			{
				"MENU_ID":"SUBMISSION002",
				"MENU_NM":"Different Id/Key (JSON)",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/submission/jsonDiffId.xml",
				"temp":"SUBMISSION, Different Id/Key (JSON)"
			},
			{
				"MENU_ID":"SUBMISSION003",
				"MENU_NM":"Same Id/Key (XML)",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/submission/xmlSameId.xml",
				"temp":"SUBMISSION, Same Id/Key (XML)"
			},
			{
				"MENU_ID":"SUBMISSION004",
				"MENU_NM":"Different Id/Key (XML)",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/submission/xmlDiffId.xml",
				"temp":"SUBMISSION, Different Id/Key (XML)"
			},
			{
				"MENU_ID":"GENERATOR",
				"MENU_NM":"Generator",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":2,"SRC_PATH":"",
				"temp":"GENERATOR,Basic Generator"
			},
			{
				"MENU_ID":"GENERATOR001",
				"MENU_NM":"Basic Generator",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/generator/basic.xml",
				"temp":"GENERATOR,Basic Generator"
			},
			{
				"MENU_ID":"TREEVIEW",
				"MENU_NM":"TreeView",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":2,"SRC_PATH":"",
				"temp":"TREEVIEW,Basic TreeView"
			},
			{
				"MENU_ID":"TREEVIEW001",
				"MENU_NM":"Basic TreeView",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/treeview/basic.xml",
				"temp":"TREEVIEW,Basic TreeView"
			},
			{
				"MENU_ID":"TREEVIEW002",
				"MENU_NM":"API",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/treeview/api.xml",
				"temp":"TREEVIEW,API"
			},
			{
				"MENU_ID":"TREEVIEW003",
				"MENU_NM":"Drag & Drop",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/treeview/dragdrop.xml",
				"temp":"TREEVIEW,Drag & Drop"
			},
			{
				"MENU_ID":"EDITOR",
				"MENU_NM":"Editor",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":2,"SRC_PATH":"",
				"temp":"EDITOR,Basic EditorView"
			},
			{
				"MENU_ID":"EDITOR001",
				"MENU_NM":"내장에디터(CKEditor)",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/editor/ckEditor.xml",
				"temp":"EDITOR,내장에디터(CKEditor)"
			},
			{
				"MENU_ID":"EDITOR002",
				"MENU_NM":"외장에디터(NaverEditor)",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/editor/naverEditor.xml",
				"temp":"EDITOR,외장에디터(NaverEditor)"
			},
			{
				"MENU_ID":"POPUP",
				"MENU_NM":"Popup",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":2,"SRC_PATH":"",
				"temp":"POPUP,openPopup"
			},
			{
				"MENU_ID":"POPUP001",
				"MENU_NM":"popup 호출",
				"HIGHER_MENU_ID":"W5C",
				"LEVEL_CNT":3,"SRC_PATH":"/websquare5/components/popup/popup.xml",
				"temp":"POPUP,popup 호출"
			}
			];

			dataList_menu.setJSON(jsonArr);

			/* 드릴다운 & 드래그드랍 동시 사용 */
			gridView1.setDrillDownDragDrop(true);
		};

		scwin.onpageunload = function() {

		};

		scwin.trigger1_onclick = function(e) {
			var parent_idx = gridView1.getFocusedRealRowIndex();

			if(typeof parent_idx == "undefined"){
				return;
			}
			var parent_level = dataList_menu.getCellData(parent_idx, "LEVEL_CNT");
			var child_cnt = 0;
			for(var idx = parent_idx; dataList_menu.getCellData(idx+1, "LEVEL_CNT") > parent_level; idx++){
				child_cnt++;
			}
			dataList_menu.insertJSON(parent_idx + child_cnt + 1, [{
																	"MENU_ID":"test",
																	"MENU_NM":"#####",
																	"HIGHER_MENU_ID":"W5C",
																	"LEVEL_CNT":parent_level,
																	"SRC_PATH":"~~~~",
																	"temp":"~~~~"
																}]);
			var focused_idx = gridView1.getFocusedRowIndex();
			gridView1.setReadOnly("cell", focused_idx + 1, 0, false);
			gridView1.setFocusedCell(focused_idx + 1, 0, true);
		};

		]]></script>
		<style type="text/css"><![CDATA[
    	 ]]></style>
	</head>
	<body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
		<xf:group id="group3" style="display:table;width:100%;height:100%;">
			<xf:group id="group2" style="vertical-align:middle;text-align:center;display:table-cell;">
				<xf:group id="group1" style="display:inline-block;padding:30px;">
					<xf:trigger id="trigger1" style="position: relative ;width: 80px;height: 23px;" type="button" ev:onclick="scwin.trigger1_onclick">
			<xf:label><![CDATA[행추가]]></xf:label>
		</xf:trigger><w2:textbox class="titlebox" id="textbox1" label="DrillDown " style=""></w2:textbox>
					<w2:gridView id="gridView1" dataList="dataList_menu" rowNumHeaderValue=""
						dataDragDrop="true"
						style="width:600px;height:300px;margin-left:0px;" useShiftKey="false" scrollByColumn="false" rowStatusVisible=""
						rowStatusHeaderValue="" rowNumVisible="true" fixedColumnWithHidden="" rowStatusWidth="" visibleRowNum="all" fixedColumn=""
						autoFit="allColumn" dragDisplayColumn="">
						<w2:header id="header1" style="">
							<w2:row id="row1" style="">
								<w2:column blockSelect="false" id="column9" style="height:20px;" inputType="text" width="187"
									value="Menu.">
								</w2:column>
								<w2:column blockSelect="false" id="column11" style="height:20px;" inputType="text" width="110"
									value="메뉴ID">
								</w2:column>
								<w2:column blockSelect="false" id="column7" style="height:20px;" inputType="text" width="111"
									value="상위메뉴ID">
								</w2:column>
								<w2:column blockSelect="false" id="column5" style="height:20px;" inputType="text" width="45" value="Depth"
									viewType="">
								</w2:column>
								<w2:column blockSelect="false" id="column3" style="height:20px;" inputType="text" width="350"
									value="FilePath.">
								</w2:column>
								<w2:column blockSelect="false" id="column1" style="height:20px;" width="70" inputType="text" value="temp"></w2:column>
							</w2:row>
						</w2:header>
						<w2:gBody id="gBody1" style="">
							<w2:row id="row2" style="">
								<w2:column blockSelect="false" id="MENU_NM" style="height:20px" inputType="drilldown" width="187"
									depthColumn="LEVEL_CNT" depthType="div" showDepth="2" textAlign="left" readOnly="true">
								</w2:column>
								<w2:column blockSelect="false" id="MENU_ID" style="height:20px" inputType="text" width="110"
									textAlign="left" hidden="true">
								</w2:column>
								<w2:column blockSelect="false" id="HIGHER_MENU_ID" style="height:20px" inputType="text" width="111"
									textAlign="left" hidden="true">
								</w2:column>
								<w2:column blockSelect="false" id="LEVEL_CNT" style="height:20px" inputType="text" width="59"
									textAlign="right">
								</w2:column>
								<w2:column blockSelect="false" id="SRC_PATH" style="height:20px" inputType="text" width="351"
									textAlign="left">
								</w2:column>
								<w2:column blockSelect="false" id="temp" style="height:20px" width="70" inputType="text" hidden="true"></w2:column>
							</w2:row>
						</w2:gBody>
					</w2:gridView>
				</xf:group>
			</xf:group>
		</xf:group>

	</body>
</html>


<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ev="http://www.w3.org/2001/xml-events"
    xmlns:w2="http://www.inswave.com/websquare" xmlns:xf="http://www.w3.org/2002/xforms">
    <head>
		<w2:type>COMPONENT</w2:type>
        <w2:buildDate/>
        <xf:model>
            <xf:instance>
                <data xmlns=""/>
            </xf:instance>
            <w2:dataCollection baseNode="map">
            </w2:dataCollection>
            <w2:workflowCollection>
            </w2:workflowCollection>
		</xf:model>
		<w2:layoutInfo></w2:layoutInfo>
		<w2:publicInfo method=""></w2:publicInfo>

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

		scwin.onpageload = function() {

		};

		scwin.onpageunload = function() {

		};

        scwin.editorResize = function(editorID,width,height){
        	var editorComponent = $p.getComponentById(editorID);
        	var scopeEditorId = editorComponent.getID();

        	//editor 버전에 따라 dom 아이디가 변경된다
        	//editor version 3.6 버전 설정시는 cke_top_mf_editor1_, cke_bottom_mf_editor1_
        	//editor version 4.3 이상 설정시는 cke_1_top, cke_1_bottom

//        	var a1 = document.getElementById("cke_top_"+scopeEditorId+"_").clientHeight;		//"cke_top_"+editorID+"_"		//version="3.6"
//			var a3 = document.getElementById("cke_bottom_"+scopeEditorId+"_").clientHeight;		//"cke_bottom_"+editorID+"_"	//version="3.6"
        	var a1 = document.getElementById("cke_1_top").clientHeight;							//cke_1_top						//version="4.5" 이상
			var a3 = document.getElementById("cke_1_bottom").clientHeight;						//cke_1_bottom					//version="4.5" 이상

			editorObj = $p.getComponentById( editorID );

			editorObj.resize(width,height-(a1+a3));
        };

		scwin.trigger1_onclick = function(e) {
			scwin.editorResize("editor1",500,500);
		};

	]]></script>
    </head>
    <body ev:onpageload="scwin.onpageload" ev:onpageunload="scwin.onpageunload">
    	<xf:trigger type="button" id="trigger1"
    		style="position: relative;width: 80px;height: 23px;float:left;"
    		ev:onclick="scwin.trigger1_onclick">
    		<xf:label><![CDATA[resize]]></xf:label>
    	</xf:trigger>

    	<xf:group id="group1" style="height:550px;width:550px;float:left;">
    		<w2:editor id="editor1" style="position: relative ;left:10px;width:400px;height:400px;float:left;" resizable="true" version="4.11.3"></w2:editor>
    	</xf:group>
	</body>
</html>