wenhongquan
/
GSYH


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
							<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
	<base href="<%=basePath%>">
	<meta charset="utf-8" />
	<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
	<link type="text/css" rel="stylesheet" href="plugins/zTree/3.5/zTreeStyle.css"/>
	<script type="text/javascript" src="plugins/zTree/3.5/jquery.ztree.core.js"></script>
	<script type="text/javascript" src="plugins/zTree/3.5/jquery.ztree.excheck.js"></script>
	<script type="text/javascript" src="static/js/myjs/getTop.js"></script>
	<link rel="stylesheet" href="static/ace/css/button.css" />
<body>
	
<table style="width:100%;" border="0">
	<tr>
		<td style="width:50%;" valign="top" bgcolor="#F9F9F9">
			<div style="width:100%;">
				<ul id="leftTree" class="ztree"></ul>
			</div>
		</td>
		<td style="width:50%;" valign="top" >
			<%-- <iframe name="treeFrame" id="treeFrame" frameborder="0" src="<%=basePath%>/department/list.do?DEPARTMENT_ID=${'' == DEPARTMENT_ID?'0':DEPARTMENT_ID}&currentPage=${null == pd.dnowPage || '' == pd.dnowPage?'1':pd.dnowPage}" style="margin:0 auto;width:100%;height:100%;"></iframe> --%>
			<div style="width:100%;">
				<ul id="rightTree" class="ztree"></ul>
			</div>
		</td>
	</tr>
</table>

<footer>
<div style="width: 100%;padding-bottom: 2px;margin-left:1%;" >
	<a style="margin-top: 10px;" class="btn btn-mini btn-info" onclick="save();">保存</a>
</div>
</footer>
		
<script type="text/javascript">
		$(getTop(globalThis).hangge());
		var zTree;
		var zTree2;
		$(document).ready(function(){
			//debugger
			var setting = {
			    showLine: true,
			    checkable: false,
			    callback: {
			    	beforeClick: getCurrentNode,
                    onClick : zTreeOnClick
				}
			};
			
			var zn = '${zTreeNodes}';
			var zTreeNodes = eval(zn);
			console.log(zTreeNodes);
			//zTree = $("#leftTree").zTree(setting, zTreeNodes);
			//$.fn.zTree.init($("#leftTree"), setting, zTreeNodes);
			zTree = $.fn.zTree.init($("#leftTree"), setting, zTreeNodes);
			
			var setting2 = {
			    showLine: true,
			    check: {
					enable: true,
					chkStyle: "checkbox",
					chkboxType: { "Y": "p", "N": "s" }
				}
			};
			var zn2 = '${zTreeNodes2}';
			var zTreeNodes2 = eval(zn2);
			//zTree2 = $("#rightTree").zTree(setting2, zTreeNodes2);
			zTree2 = $.fn.zTree.init($("#rightTree"), setting2, zTreeNodes2);
		});
		
		function getCurrentNode(leftTree, treeNodes) {
	    	curNode = treeNodes;
	        zTreeOnClick(curNode);
	    }
		
		function zTreeOnClick(treeNodes) {
			//debugger
		    //alert(treeNodes.pId + ", " + treeNodes.name);
			var treeObj = $.fn.zTree.getZTreeObj("rightTree");
			treeObj.checkAllNodes(false);
			treeObj.cancelSelectedNode();
			$.ajax({
				type: "get",
				url: '<%=basePath%>department/getdep2.do?DEPARTMENT_ID=' + treeNodes.id,
				dataType:'json',
				success:function(data){
					//console.log((treeNode?treeNode.name:"root") + "checked " +(treeNode.checked?"true":"false"));
					console.log(data.varList);
					var varList = data.varList;
					for(var i=0; i<varList.length; i++){						
						var node = treeObj.getNodeByParam("id", varList[i], null);
						if(node != null){
							treeObj.checkNode(node, true);
						}
					}
				 }
			});
		};
		
		function save(){
			debugger
			var leftTreeObj = $.fn.zTree.getZTreeObj("leftTree");
			var lnodes = leftTreeObj.getSelectedNodes()[0].id;
			var rightTreeObj = $.fn.zTree.getZTreeObj("rightTree");
			var rnodes = rightTreeObj.getCheckedNodes(true);
			var nodes = "";
			for(var i=0;i<rnodes.length;i++) {
		        var obj = rnodes[i];
		        nodes += obj.id;
		        if(i != rnodes.length-1){
		        	nodes += ",";
		        }
			}
			$.ajax({
				type : "get",		
				url : '<%=basePath%>department/saveNodes.do?lnodes='+lnodes+'&rnodes='+nodes,
				dataType : 'json',
				success : function(data){
					getTop(globalThis).hangge();
			 		bootbox.dialog({
						message: "<span class='bigger-110'>"+data.msg+"</span>",
						buttons: 			
						{
							"button" :
							{
								"label" : "确定",
								"className" : "btn-sm btn-success"
							}
						}
					});
				}
			});
		}
	
		/* function treeFrameT(){
			var hmainT = document.getElementById("treeFrame");
			var bheightT = document.documentElement.clientHeight;
			hmainT .style.width = '100%';
			hmainT .style.height = (bheightT-26) + 'px';
		}
		treeFrameT();
		window.onresize=function(){  
			treeFrameT();
		}; */
</SCRIPT>
</body>
</html>