WebRoot/commfiles/js/tree/superDemo_mutilTree.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
 <HEAD>
  <TITLE> ZTREE DEMO </TITLE>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" href="demoStyle/demo.css" type="text/css">
  <link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css">
  <script type="text/javascript" src="jquery-1.4.2.js"></script>
  <script type="text/javascript" src="jquery-ztree-2.5.js"></script>
  <script type="text/javascript" src="asyncData/demoData.js"></script>
  <script type="text/javascript" src="demoTools.js"></script>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
	var zTree1, zTree2;
	var setting;

		setting = {
			editable: true,
			edit_renameBtn:false,
			edit_removeBtn:false,
			callback: {
				click:	zTreeOnClick,
				drop: zTreeOnDrop
			}
		};

	$(document).ready(function(){
		reloadTree();
	});

	var preSelectedNode1;
	var preSelectedNode2;

	function zTreeOnClick(event, treeId, treeNode) {
		if (treeId=="treeDemo") {
			if (preSelectedNode1 == treeNode) {
				zTree1.cancelSelectedNode();
				preSelectedNode1 = null;
			} else {
				preSelectedNode1 = treeNode;
			}
		} else {			
			if (preSelectedNode2 == treeNode) {
				zTree2.cancelSelectedNode();
				preSelectedNode2 = null;
			} else {
				preSelectedNode2 = treeNode;
			}
		}
	}

	function zTreeOnDrop(event, treeId, treeNode, targetNode, moveType) {
		preSelectedNode1 = zTree1.getSelectedNode();
		preSelectedNode2 = zTree2.getSelectedNode();
	}

	function moveTreeL2R() {
		moveTreeNode(zTree1, zTree2);
	}