Browse Source

group 드래그

DESKTOP-HMLPH8S\kim 2 years ago
parent
commit
d941283b06

+ 19 - 0
src/main/webapp/ux/qc/qc0102/QC01020001U.xml

@@ -184,6 +184,22 @@
 		});
 		});
     };
     };
     
     
+    
+    scwin.btnSearch2_onclick = function() {
+
+    	popupLib.open("QC01020003P", "/ux/qc/qc0102/QC01020003P.xml", {
+			title: "검색결과",
+			useLayer: true,     //레어어팝업여부
+			modal: true,        //모달팝업
+			width: "1000",
+			height:"750",
+			param: {
+
+			},
+			callback: ""
+		});
+    };
+    
     /**************************************************************************
     /**************************************************************************
      * Event : scwin.btnHelp_onclick
      * Event : scwin.btnHelp_onclick
      * 기 능 : 도움말 버튼 클릭 이벤트
      * 기 능 : 도움말 버튼 클릭 이벤트
@@ -906,6 +922,9 @@
 						<w2:anchor id="btnSearch" class="btn_cm btn_search" outerDiv="true" ev:onclick="scwin.btnSearch_onclick">
 						<w2:anchor id="btnSearch" class="btn_cm btn_search" outerDiv="true" ev:onclick="scwin.btnSearch_onclick">
 							<xf:label><![CDATA[검색]]></xf:label>
 							<xf:label><![CDATA[검색]]></xf:label>
 						</w2:anchor>
 						</w2:anchor>
+						<w2:anchor id="btnSearch2" class="btn_cm btn_search" outerDiv="true" ev:onclick="scwin.btnSearch2_onclick">
+							<xf:label><![CDATA[테스트]]></xf:label>
+						</w2:anchor>
 					</xf:group>
 					</xf:group>
 				</xf:group>
 				</xf:group>
 				<xf:group id="shbox" style="" class="shbox">
 				<xf:group id="shbox" style="" class="shbox">

+ 52 - 3
src/main/webapp/ux/qc/qc0102/QC01020002U.xml

@@ -187,6 +187,12 @@
     	param = popupLib.getPopupParam();
     	param = popupLib.getPopupParam();
         var param_data = JSON.parse(strLib.serialize(param));
         var param_data = JSON.parse(strLib.serialize(param));
 
 
+        split1Height = parseInt(split.getStyle("height"), 10);
+		split2Height = parseInt(split2.getStyle("height"), 10);
+		divisionTop = 450;
+		//alert(split1Height);
+
+		
     	if(param_data.guBun == "MAIN"){
     	if(param_data.guBun == "MAIN"){
     		
     		
     		tabGubun = "MAIN";
     		tabGubun = "MAIN";
@@ -274,6 +280,9 @@
 	var tabDocId = "";
 	var tabDocId = "";
 	var tabUpperDocId = "";
 	var tabUpperDocId = "";
 	var tabGudlSeq = "";
 	var tabGudlSeq = "";
+	var split1Height = 0;
+	var split2Height = 0;
+	var divisionTop = 0;
 
 
     /**************************************************************************
     /**************************************************************************
      * [3] Event 정의
      * [3] Event 정의
@@ -900,10 +909,50 @@
 								</xf:group>
 								</xf:group>
 								<xf:group class="gvwbox" id="" style="">
 								<xf:group class="gvwbox" id="" style="">
 
 
-									<xf:group class="gvwbox" id="" style="">
-										<iframe id="viewerOb1" style="width: 100%;height: 550px;"></iframe>
-										<iframe id="viewerOb2" style="width: 100%;height: 550px;"></iframe>
+									<xf:group class="gvwbox" id="split" style="position:relative;height: 200px;">
+										<iframe id="viewerOb1" style="position: absolute;width:100%;height:100%;"></iframe>
 									</xf:group>
 									</xf:group>
+									
+									<xf:group style="position:relative;padding-top:10px;" id="division" draggable="true" class="bg_hdivision_cur">
+                
+						                <xf:group class="bg_hdivision" id="divisionbar" style="position: relative ;height:10px">
+						                </xf:group>
+						                
+						                <xf:group id="image3" style="" class="bg_hdivision_img" tagname="">
+						                </xf:group>
+						                
+						                <script ev:event="ontouchstart(e)" type="javascript"><![CDATA[
+						                    console.log(e.y);
+						                ]]></script>
+						                
+						                <script ev:event="onmousedown(e)" type="javascript"><![CDATA[
+						                    console.log(e.y);
+						                ]]></script>
+						                
+						                <script ev:event="ondragover" type="javascript"><![CDATA[
+						                ]]></script>
+						                
+						                <script ev:event="ondrag(x, y)" type="javascript"><![CDATA[
+						                    var moveY = divisionTop - y;
+						                    
+						                    if ((split1Height > 50  && moveY > 0) || (moveY < 0 && split2Height > 50)) {
+						                        
+						                        split1Height = split1Height - moveY;
+						                        split2Height = split2Height + moveY;
+						                        
+						                        divisionTop = y;
+						                        split1.setStyle("height", split1Height + "px");
+						                        split2.setStyle("height", split2Height + "px");
+						                    }
+						                   ]]></script>
+						            
+						            </xf:group>
+									
+									
+									<xf:group class="gvwbox" id="split2" style="position:relative;height: 200px;">
+										<iframe id="viewerOb2" style="position: absolute;width:100%;height:100%;"></iframe>
+									</xf:group>
+
 
 
 									<xf:group class="dfbox pt0" id="" style="height:20px;">
 									<xf:group class="dfbox pt0" id="" style="height:20px;">
 									</xf:group>
 									</xf:group>

+ 1183 - 0
src/main/webapp/ux/qc/qc0102/QC01020003P.xml

@@ -0,0 +1,1183 @@
+<?xml-stylesheet href="../common/css/common.css" type="text/css"?><?xml-stylesheet href="../common/css/style.css" type="text/css"?><?xml-stylesheet href="../common/css/sub.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="">
+                    
+                    <res>
+                        
+                        <treeMenu>
+                            
+                            <vector type="array">
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">12</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">1</menu_grade>
+                                    
+                                    <menu_iconimage>../wqtemplate/images/main/i_input.png</menu_iconimage>
+                                    
+                                    <menu_id>inputbox</menu_id>
+                                    
+                                    <menu_nm>InputBox</menu_nm>
+                                    
+                                    <orderseq type="number">1</orderseq>
+                                    
+                                    <pageurl type="null"/>
+                                    
+                                    <parent type="number">1</parent>
+                                    
+                                    <r_menu_nm>InputBox</r_menu_nm>
+                                    
+                                    <treeitem>12</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">15</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>input_property</menu_id>
+                                    
+                                    <menu_nm>input property</menu_nm>
+                                    
+                                    <orderseq type="number">1</orderseq>
+                                    
+                                    <pageurl>./inputbox/input_property.xml</pageurl>
+                                    
+                                    <parent type="number">12</parent>
+                                    
+                                    <r_menu_nm>input property</r_menu_nm>
+                                    
+                                    <treeitem>15</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">13</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>input_allowChar</menu_id>
+                                    
+                                    <menu_nm>입력 글자 Control</menu_nm>
+                                    
+                                    <orderseq type="number">2</orderseq>
+                                    
+                                    <pageurl>./inputbox/input_allowChar.xml</pageurl>
+                                    
+                                    <parent type="number">12</parent>
+                                    
+                                    <r_menu_nm>입력 글자 Control</r_menu_nm>
+                                    
+                                    <treeitem>13</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">14</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>input_displayformat</menu_id>
+                                    
+                                    <menu_nm>displayformat</menu_nm>
+                                    
+                                    <orderseq type="number">3</orderseq>
+                                    
+                                    <pageurl>./inputbox/input_displayformat.xml</pageurl>
+                                    
+                                    <parent type="number">12</parent>
+                                    
+                                    <r_menu_nm>displayformat</r_menu_nm>
+                                    
+                                    <treeitem>14</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">16</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>input_currencyMask</menu_id>
+                                    
+                                    <menu_nm>나라별 통화 표시</menu_nm>
+                                    
+                                    <orderseq type="number">4</orderseq>
+                                    
+                                    <pageurl>./inputbox/input_currencyMask.xml</pageurl>
+                                    
+                                    <parent type="number">12</parent>
+                                    
+                                    <r_menu_nm>나라별 통화 표시</r_menu_nm>
+                                    
+                                    <treeitem>16</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">17</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>input_preventCopy</menu_id>
+                                    
+                                    <menu_nm>붙여넣기 방지</menu_nm>
+                                    
+                                    <orderseq type="number">5</orderseq>
+                                    
+                                    <pageurl>./inputbox/input_preventCopy.xml</pageurl>
+                                    
+                                    <parent type="number">12</parent>
+                                    
+                                    <r_menu_nm>붙여넣기 방지</r_menu_nm>
+                                    
+                                    <treeitem>17</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">18</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>input_validate</menu_id>
+                                    
+                                    <menu_nm>유효성 검사</menu_nm>
+                                    
+                                    <orderseq type="number">6</orderseq>
+                                    
+                                    <pageurl>./inputbox/input_validate.xml</pageurl>
+                                    
+                                    <parent type="number">12</parent>
+                                    
+                                    <r_menu_nm>유효성 검사</r_menu_nm>
+                                    
+                                    <treeitem>18</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">5</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">1</menu_grade>
+                                    
+                                    <menu_iconimage>../wqtemplate/images/main/i_generator.png</menu_iconimage>
+                                    
+                                    <menu_id>generator</menu_id>
+                                    
+                                    <menu_nm>Generator</menu_nm>
+                                    
+                                    <orderseq type="number">2</orderseq>
+                                    
+                                    <pageurl type="null"/>
+                                    
+                                    <parent type="number">1</parent>
+                                    
+                                    <r_menu_nm>Generator</r_menu_nm>
+                                    
+                                    <treeitem>5</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">6</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>generator_api</menu_id>
+                                    
+                                    <menu_nm>generator api</menu_nm>
+                                    
+                                    <orderseq type="number">1</orderseq>
+                                    
+                                    <pageurl>./generator/generator_api.xml</pageurl>
+                                    
+                                    <parent type="number">5</parent>
+                                    
+                                    <r_menu_nm>generator api</r_menu_nm>
+                                    
+                                    <treeitem>6</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">7</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>generator_table</menu_id>
+                                    
+                                    <menu_nm>generator table</menu_nm>
+                                    
+                                    <orderseq type="number">2</orderseq>
+                                    
+                                    <pageurl>./generator/generator_table.xml</pageurl>
+                                    
+                                    <parent type="number">5</parent>
+                                    
+                                    <r_menu_nm>generator table</r_menu_nm>
+                                    
+                                    <treeitem>7</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">22</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">1</menu_grade>
+                                    
+                                    <menu_iconimage>../wqtemplate/images/main/i_grid.png</menu_iconimage>
+                                    
+                                    <menu_id>grid</menu_id>
+                                    
+                                    <menu_nm>Grid</menu_nm>
+                                    
+                                    <orderseq type="number">3</orderseq>
+                                    
+                                    <pageurl type="null"/>
+                                    
+                                    <parent type="number">1</parent>
+                                    
+                                    <r_menu_nm>Grid</r_menu_nm>
+                                    
+                                    <treeitem>22</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">23</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>grid_data_download</menu_id>
+                                    
+                                    <menu_nm>데이터 업/다운로드</menu_nm>
+                                    
+                                    <orderseq type="number">1</orderseq>
+                                    
+                                    <pageurl>/wqtemplate/grid/grid_data_download.xml</pageurl>
+                                    
+                                    <parent type="number">22</parent>
+                                    
+                                    <r_menu_nm>데이터 업/다운로드</r_menu_nm>
+                                    
+                                    <treeitem>23</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">24</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>grid_displayFormat</menu_id>
+                                    
+                                    <menu_nm>displayFormat</menu_nm>
+                                    
+                                    <orderseq type="number">2</orderseq>
+                                    
+                                    <pageurl>/wqtemplate/grid/grid_displayFormat.xml</pageurl>
+                                    
+                                    <parent type="number">22</parent>
+                                    
+                                    <r_menu_nm>displayFormat</r_menu_nm>
+                                    
+                                    <treeitem>24</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">25</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>grid_expression</menu_id>
+                                    
+                                    <menu_nm>expression</menu_nm>
+                                    
+                                    <orderseq type="number">3</orderseq>
+                                    
+                                    <pageurl>/wqtemplate/grid/grid_expression.xml</pageurl>
+                                    
+                                    <parent type="number">22</parent>
+                                    
+                                    <r_menu_nm>expression</r_menu_nm>
+                                    
+                                    <treeitem>25</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">8</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">1</menu_grade>
+                                    
+                                    <menu_iconimage>../wqtemplate/images/main/i_textbox.png</menu_iconimage>
+                                    
+                                    <menu_id>textbox</menu_id>
+                                    
+                                    <menu_nm>Textbox</menu_nm>
+                                    
+                                    <orderseq type="number">4</orderseq>
+                                    
+                                    <pageurl type="null"/>
+                                    
+                                    <parent type="number">1</parent>
+                                    
+                                    <r_menu_nm>Textbox</r_menu_nm>
+                                    
+                                    <treeitem>8</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">9</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>textbox_escape</menu_id>
+                                    
+                                    <menu_nm>특수문자 ESCAPE</menu_nm>
+                                    
+                                    <orderseq type="number">1</orderseq>
+                                    
+                                    <pageurl>./textbox/textbox_escape.xml</pageurl>
+                                    
+                                    <parent type="number">8</parent>
+                                    
+                                    <r_menu_nm>특수문자 ESCAPE</r_menu_nm>
+                                    
+                                    <treeitem>9</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">26</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">1</menu_grade>
+                                    
+                                    <menu_iconimage>../wqtemplate/images/main/i_tree.png</menu_iconimage>
+                                    
+                                    <menu_id>treeview</menu_id>
+                                    
+                                    <menu_nm>Treeview</menu_nm>
+                                    
+                                    <orderseq type="number">5</orderseq>
+                                    
+                                    <pageurl type="null"/>
+                                    
+                                    <parent type="number">1</parent>
+                                    
+                                    <r_menu_nm>Treeview</r_menu_nm>
+                                    
+                                    <treeitem>26</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">27</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>treeview_setLabelStyle</menu_id>
+                                    
+                                    <menu_nm>노드 스타일 변경</menu_nm>
+                                    
+                                    <orderseq type="number">1</orderseq>
+                                    
+                                    <pageurl>/wqtemplate/treeview/treeview_setLabelStyle.xml</pageurl>
+                                    
+                                    <parent type="number">26</parent>
+                                    
+                                    <r_menu_nm>노드 스타일 변경</r_menu_nm>
+                                    
+                                    <treeitem>27</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">28</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">1</menu_grade>
+                                    
+                                    <menu_iconimage>../wqtemplate/images/main/i_upload.png</menu_iconimage>
+                                    
+                                    <menu_id>upload</menu_id>
+                                    
+                                    <menu_nm>Upload</menu_nm>
+                                    
+                                    <orderseq type="number">6</orderseq>
+                                    
+                                    <pageurl type="null"/>
+                                    
+                                    <parent type="number">1</parent>
+                                    
+                                    <r_menu_nm>Upload</r_menu_nm>
+                                    
+                                    <treeitem>28</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">29</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>upload_folderName</menu_id>
+                                    
+                                    <menu_nm>업로드 폴더명 설정</menu_nm>
+                                    
+                                    <orderseq type="number">1</orderseq>
+                                    
+                                    <pageurl>./upload/upload_folderName.xml</pageurl>
+                                    
+                                    <parent type="number">28</parent>
+                                    
+                                    <r_menu_nm>업로드 폴더명 설정</r_menu_nm>
+                                    
+                                    <treeitem>29</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">19</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">1</menu_grade>
+                                    
+                                    <menu_iconimage>../wqtemplate/images/main/i_wqutil.png</menu_iconimage>
+                                    
+                                    <menu_id>util</menu_id>
+                                    
+                                    <menu_nm>UTIL</menu_nm>
+                                    
+                                    <orderseq type="number">800</orderseq>
+                                    
+                                    <pageurl type="null"/>
+                                    
+                                    <parent type="number">1</parent>
+                                    
+                                    <r_menu_nm>UTIL</r_menu_nm>
+                                    
+                                    <treeitem>19</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">20</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>localstorage</menu_id>
+                                    
+                                    <menu_nm>localstorage</menu_nm>
+                                    
+                                    <orderseq type="number">1</orderseq>
+                                    
+                                    <pageurl>./util/localstorage/localstorage.xml</pageurl>
+                                    
+                                    <parent type="number">19</parent>
+                                    
+                                    <r_menu_nm>localstorage</r_menu_nm>
+                                    
+                                    <treeitem>20</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">21</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>popup</menu_id>
+                                    
+                                    <menu_nm>팝업</menu_nm>
+                                    
+                                    <orderseq type="number">2</orderseq>
+                                    
+                                    <pageurl>./util/popup/popup_parent.xml</pageurl>
+                                    
+                                    <parent type="number">19</parent>
+                                    
+                                    <r_menu_nm>팝업</r_menu_nm>
+                                    
+                                    <treeitem>21</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">10</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">1</menu_grade>
+                                    
+                                    <menu_iconimage>../wqtemplate/images/main/i_complex.png</menu_iconimage>
+                                    
+                                    <menu_id>complex</menu_id>
+                                    
+                                    <menu_nm>COMPLEX</menu_nm>
+                                    
+                                    <orderseq type="number">900</orderseq>
+                                    
+                                    <pageurl type="null"/>
+                                    
+                                    <parent type="number">1</parent>
+                                    
+                                    <r_menu_nm>COMPLEX</r_menu_nm>
+                                    
+                                    <treeitem>10</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">11</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>complex_board</menu_id>
+                                    
+                                    <menu_nm>게시판</menu_nm>
+                                    
+                                    <orderseq type="number">1</orderseq>
+                                    
+                                    <pageurl>./complex/complex_board.xml</pageurl>
+                                    
+                                    <parent type="number">10</parent>
+                                    
+                                    <r_menu_nm>게시판</r_menu_nm>
+                                    
+                                    <treeitem>11</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">2</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">1</menu_grade>
+                                    
+                                    <menu_iconimage>../wqtemplate/images/main/i_admin.png</menu_iconimage>
+                                    
+                                    <menu_id>admin</menu_id>
+                                    
+                                    <menu_nm>ADMIN</menu_nm>
+                                    
+                                    <orderseq type="number">999</orderseq>
+                                    
+                                    <pageurl type="null"/>
+                                    
+                                    <parent type="number">1</parent>
+                                    
+                                    <r_menu_nm>ADMIN</r_menu_nm>
+                                    
+                                    <treeitem>2</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">3</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>menu</menu_id>
+                                    
+                                    <menu_nm>메뉴관리</menu_nm>
+                                    
+                                    <orderseq type="number">1</orderseq>
+                                    
+                                    <pageurl>./admin/admin_menu.xml</pageurl>
+                                    
+                                    <parent type="number">2</parent>
+                                    
+                                    <r_menu_nm>메뉴관리</r_menu_nm>
+                                    
+                                    <treeitem>3</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                                
+                                <map type="object">
+                                    
+                                    <id type="number">4</id>
+                                    
+                                    <menu_desc type="null"/>
+                                    
+                                    <menu_grade type="number">2</menu_grade>
+                                    
+                                    <menu_iconimage type="null"/>
+                                    
+                                    <menu_id>commonCode</menu_id>
+                                    
+                                    <menu_nm>공통코드관리</menu_nm>
+                                    
+                                    <orderseq type="number">2</orderseq>
+                                    
+                                    <pageurl>./admin/admin_commoncode.xml</pageurl>
+                                    
+                                    <parent type="number">2</parent>
+                                    
+                                    <r_menu_nm>공통코드관리</r_menu_nm>
+                                    
+                                    <treeitem>4</treeitem>
+                                    
+                                    <use_yn>Y</use_yn>
+                                
+                                </map>
+                            
+                            </vector>
+                        
+                        </treeMenu>
+                    
+                    </res>
+                
+                </data>
+            
+            </xf:instance>
+        
+        </xf:model>
+        
+        <script type="javascript"><![CDATA[
+            var xml = WebSquare.ModelUtil.findInstanceNode("res/treeMenu/vector");
+            grid3.setXML(xml);
+            grid4.setXML(xml);
+            var group2Height = parseInt(group2.getStyle("height"), 10);
+            var group17Height = parseInt(group17.getStyle("height"), 10);
+            
+            //초기 split group 위치값.
+            var divisionTop = 450;
+        ]]></script>
+        
+        <style type="text/css"><![CDATA[
+        ]]></style>
+    
+    </head>
+    
+    <body>
+        
+        
+        <xf:group id="topGrp" style="position:relative;padding-top:10px;" class="clfix">
+            
+            <xf:group id="group9" style="position:relative;overflow:hidden;float:left">
+                
+                <w2:textbox class="stit" id="title" label="Group &gt; Drag Split"/>
+            
+            </xf:group>
+            
+            <w2:wframe id="pageIcon_frame" style="position:relative;margin-right:5px;float:right;" src="/wqtemplate/common/xml/pageIconFrame.xml">
+            </w2:wframe>
+        
+        </xf:group>
+        
+        
+        <xf:group id="frame_contents" style="position: relative;padding-left:5px;padding-right:5px;">
+            
+            
+            
+            <xf:group class="txt_box" id="group13" style="" tagname="">
+                
+                <w2:textbox id="textbox428" label="Group 컴퍼넌트의 드래그 이벤트를 활용하여 그리드 높이를 조절하는 Split 구현." style="" tagname="" class="txt_title"/>
+                
+                <xf:group class="txt_cont" id="group414" style="" tagname="ul">
+                    
+                    <w2:textbox id="textbox441" label='- division group 의 ev:event="ondrag(x, y)" , ev:event="ondragover" 참고.' style="" tagname="li"/>
+                
+                </xf:group>
+                
+                <w2:textbox id="textbox228" label="그리드 컴퍼넌트가 정상적으로 그려지고 동작하기 위해서는 width, height 값은 필수요소이다." style="padding-top:10px;" tagname="" class="txt_title"/>
+                
+                <xf:group class="txt_cont" id="group14" style="" tagname="ul">
+                    
+                    <w2:textbox id="textbox241" label="- relative로 작성하기 위해 group안에 grid를 생성한다." style="" tagname="li"/>
+                    
+                    <w2:textbox id="textbox248" label="- grid의 width와 height를 group의 100%로 지정하고 grid의 height를 변경하기 위해 grid를 감싸는 group의 height를 변경한다." style="" tagname="li">
+                    </w2:textbox>
+                    
+                    <w2:textbox id="textbox249" label="- sliderbar의 최초 높이를 전역 변수에 지정하고 drag이벤트를 추가하여 변경되는 y값 만큼 group의 height를 변경한다." style="" tagname="li">
+                    </w2:textbox>
+                
+                </xf:group>
+            
+            </xf:group>
+            
+            <xf:group id="group2" style="position:relative;height: 200px;">
+                
+                <w2:grid autoFit="allColumn" autoFitMinWidth="900" baseNode="vector" class="gridstyle1" focusMode="row" id="grid3" repeatNode="map" style="position: absolute;width:100%;height:100%;" valueNode="" visibleRowNum="">
+                    
+                    <w2:header id="header3" style="">
+                        
+                        <w2:row id="row3" style="">
+                            
+                            <w2:column id="column35" inputType="checkbox" style="height:20px" width="35"/>
+                            
+                            <w2:column id="column36" inputType="text" style="height:20px" value="메뉴레벨" width="60"/>
+                            
+                            <w2:column id="column37" inputType="text" style="height:20px" value="메뉴 ID" width="180"/>
+                            
+                            <w2:column id="column38" inputType="text" style="height:20px" value="메뉴명" width="200"/>
+                            
+                            <w2:column id="column49" style="height:20px" inputType="text" width="200" value="메뉴명"/>
+                            
+                            <w2:column id="column39" inputType="text" style="height:20px" value="메뉴순서" width="60"/>
+                            
+                            <w2:column id="column40" inputType="text" style="height:20px" value="프로그램 경로" width="300"/>
+                            
+                            <w2:column id="column41" inputType="text" style="height:20px" value="사용여부" width="60"/>
+                            
+                            <w2:column id="column52" style="height:20px" inputType="text" width="70" value="id"/>
+                            
+                            <w2:column id="column50" style="height:20px" inputType="text" width="70" value="parent"/>
+                        
+                        </w2:row>
+                    
+                    </w2:header>
+                    
+                    <w2:gBody id="gBody3" style="">
+                        
+                        <w2:row id="row4" style="">
+                            
+                            <w2:column id="grid3_column42" inputType="checkbox" style="height:20px" width="70" col_id="column42"/>
+                            
+                            <w2:column id="grid3_menu_grade" inputType="select" style="height:20px" width="70" col_id="menu_grade">
+                                
+                                <w2:choices>
+                                    
+                                    <w2:item>
+                                        
+                                        <w2:label>1</w2:label>
+                                        
+                                        <w2:value>1</w2:value>
+                                    
+                                    </w2:item>
+                                    
+                                    <w2:item>
+                                        
+                                        <w2:label>2</w2:label>
+                                        
+                                        <w2:value>2</w2:value>
+                                    
+                                    </w2:item>
+                                    
+                                    <w2:item>
+                                        
+                                        <w2:label>3</w2:label>
+                                        
+                                        <w2:value>3</w2:value>
+                                    
+                                    </w2:item>
+                                    
+                                    <w2:item>
+                                        
+                                        <w2:label>4</w2:label>
+                                        
+                                        <w2:value>4</w2:value>
+                                    
+                                    </w2:item>
+                                    
+                                    <w2:item>
+                                        
+                                        <w2:label>5</w2:label>
+                                        
+                                        <w2:value>5</w2:value>
+                                    
+                                    </w2:item>
+                                
+                                </w2:choices>
+                            
+                            </w2:column>
+                            
+                            <w2:column id="grid3_menu_id" inputType="text" style="height:20px" textAlign="left" width="70" col_id="menu_id"/>
+                            
+                            <w2:column depthColumn="menu_grade" id="grid3_menu_nm" inputType="drilldown" showDepth="2" style="height:20px" textAlign="left" width="70" col_id="menu_nm"/>
+                            
+                            <w2:column id="grid3_r_menu_nm" style="height:20px" inputType="text" width="70" textAlign="left" hidden="true" editType="focus" col_id="r_menu_nm"/>
+                            
+                            <w2:column id="grid3_orderseq" inputType="text" style="height:20px" width="70" col_id="orderseq"/>
+                            
+                            <w2:column id="grid3_pageurl" inputType="text" style="height:20px" textAlign="left" width="70" col_id="pageurl"/>
+                            
+                            <w2:column id="grid3_use_yn" inputType="select" style="height:20px" width="70" col_id="use_yn">
+                                
+                                <w2:choices>
+                                    
+                                    <w2:item>
+                                        
+                                        <w2:label>Y</w2:label>
+                                        
+                                        <w2:value>Y</w2:value>
+                                    
+                                    </w2:item>
+                                    
+                                    <w2:item>
+                                        
+                                        <w2:label>N</w2:label>
+                                        
+                                        <w2:value/>
+                                    
+                                    </w2:item>
+                                
+                                </w2:choices>
+                            
+                            </w2:column>
+                            
+                            <w2:column id="grid3_id" style="height:20px" inputType="text" width="70" hidden="true" col_id="id"/>
+                            
+                            <w2:column id="grid3_parent" style="height:20px" inputType="text" width="70" hidden="true" col_id="parent"/>
+                        
+                        </w2:row>
+                    
+                    </w2:gBody>
+                
+                </w2:grid>
+            
+            </xf:group>
+            
+            <xf:group style="position:relative;padding-top:10px;" id="division" draggable="true" class="bg_hdivision_cur">
+                
+                <xf:group class="bg_hdivision" id="divisionbar" style="position: relative ;height:10px">
+                </xf:group>
+                
+                <xf:group id="image3" style="" class="bg_hdivision_img" tagname="">
+                </xf:group>
+                
+                <script ev:event="ontouchstart(e)" type="javascript"><![CDATA[
+                    //divisionTop = e.y;
+                    console.log(e.y);
+                ]]></script>
+                
+                <script ev:event="onmousedown(e)" type="javascript"><![CDATA[
+                    console.log(e.y);
+                ]]></script>
+                
+                <script ev:event="ondragover" type="javascript"><![CDATA[
+                    // ondragover에서 return false;를 해주어야 drop이 가능해진다
+                    //return false;
+                ]]></script>
+                
+                <script ev:event="ondrag(x, y)" type="javascript"><![CDATA[
+                    var moveY = divisionTop - y;
+                    //console.log("y ==:[" + y+"] moveY ==:["+moveY + "] group2Height ==:["+group2Height+"] group17Height ==:["+group17Height+"] divisionTop ==:["+divisionTop+ "]");
+                    if ((group2Height > 50  && moveY > 0) || (moveY < 0 && group17Height > 50)) {
+                        group2Height = group2Height - moveY;
+                        group17Height = group17Height + moveY;
+                        divisionTop = y;
+                        group2.setStyle("height", group2Height+"px");
+                        group17.setStyle("height", group17Height+"px");
+                    }
+                   ]]></script>
+            
+            </xf:group>
+            
+            <xf:group id="group17" style="position:relative;height: 200px;">
+                
+                <w2:grid autoFit="allColumn" autoFitMinWidth="900" baseNode="vector" class="gridstyle1" focusMode="row" id="grid4" repeatNode="map" style="position: absolute;width:100%;height:100%;" valueNode="" visibleRowNum="">
+                    
+                    <w2:header id="header3" style="">
+                        
+                        <w2:row id="row3" style="">
+                            
+                            <w2:column id="column35" inputType="checkbox" style="height:20px" width="35"/>
+                            
+                            <w2:column id="column36" inputType="text" style="height:20px" value="메뉴레벨" width="60"/>
+                            
+                            <w2:column id="column37" inputType="text" style="height:20px" value="메뉴 ID" width="180"/>
+                            
+                            <w2:column id="column38" inputType="text" style="height:20px" value="메뉴명" width="200"/>
+                            
+                            <w2:column id="column49" style="height:20px" inputType="text" width="200" value="메뉴명"/>
+                            
+                            <w2:column id="column39" inputType="text" style="height:20px" value="메뉴순서" width="60"/>
+                            
+                            <w2:column id="column40" inputType="text" style="height:20px" value="프로그램 경로" width="300"/>
+                            
+                            <w2:column id="column41" inputType="text" style="height:20px" value="사용여부" width="60"/>
+                            
+                            <w2:column id="column52" style="height:20px" inputType="text" width="70" value="id"/>
+                            
+                            <w2:column id="column50" style="height:20px" inputType="text" width="70" value="parent"/>
+                        
+                        </w2:row>
+                    
+                    </w2:header>
+                    
+                    <w2:gBody id="gBody3" style="">
+                        
+                        <w2:row id="row4" style="">
+                            
+                            <w2:column id="grid4_column42" inputType="checkbox" style="height:20px" width="70" col_id="column42"/>
+                            
+                            <w2:column id="grid4_menu_grade" inputType="select" style="height:20px" width="70" col_id="menu_grade">
+                                
+                                <w2:choices>
+                                    
+                                    <w2:item>
+                                        
+                                        <w2:label>1</w2:label>
+                                        
+                                        <w2:value>1</w2:value>
+                                    
+                                    </w2:item>
+                                    
+                                    <w2:item>
+                                        
+                                        <w2:label>2</w2:label>
+                                        
+                                        <w2:value>2</w2:value>
+                                    
+                                    </w2:item>
+                                    
+                                    <w2:item>
+                                        
+                                        <w2:label>3</w2:label>
+                                        
+                                        <w2:value>3</w2:value>
+                                    
+                                    </w2:item>
+                                    
+                                    <w2:item>
+                                        
+                                        <w2:label>4</w2:label>
+                                        
+                                        <w2:value>4</w2:value>
+                                    
+                                    </w2:item>
+                                    
+                                    <w2:item>
+                                        
+                                        <w2:label>5</w2:label>
+                                        
+                                        <w2:value>5</w2:value>
+                                    
+                                    </w2:item>
+                                
+                                </w2:choices>
+                            
+                            </w2:column>
+                            
+                            <w2:column id="grid4_menu_id" inputType="text" style="height:20px" textAlign="left" width="70" col_id="menu_id"/>
+                            
+                            <w2:column depthColumn="menu_grade" id="grid4_menu_nm" inputType="drilldown" showDepth="2" style="height:20px" textAlign="left" width="70" col_id="menu_nm"/>
+                            
+                            <w2:column id="grid4_r_menu_nm" style="height:20px" inputType="text" width="70" textAlign="left" hidden="true" editType="focus" col_id="r_menu_nm"/>
+                            
+                            <w2:column id="grid4_orderseq" inputType="text" style="height:20px" width="70" col_id="orderseq"/>
+                            
+                            <w2:column id="grid4_pageurl" inputType="text" style="height:20px" textAlign="left" width="70" col_id="pageurl"/>
+                            
+                            <w2:column id="grid4_use_yn" inputType="select" style="height:20px" width="70" col_id="use_yn">
+                                
+                                <w2:choices>
+                                    
+                                    <w2:item>
+                                        
+                                        <w2:label>Y</w2:label>
+                                        
+                                        <w2:value>Y</w2:value>
+                                    
+                                    </w2:item>
+                                    
+                                    <w2:item>
+                                        
+                                        <w2:label>N</w2:label>
+                                        
+                                        <w2:value/>
+                                    
+                                    </w2:item>
+                                
+                                </w2:choices>
+                            
+                            </w2:column>
+                            
+                            <w2:column id="grid4_id" style="height:20px" inputType="text" width="70" hidden="true" col_id="id"/>
+                            
+                            <w2:column id="grid4_parent" style="height:20px" inputType="text" width="70" hidden="true" col_id="parent"/>
+                        
+                        </w2:row>
+                    
+                    </w2:gBody>
+                
+                </w2:grid>
+            
+            </xf:group>
+        
+        </xf:group>
+    
+    </body>
+
+</html>