WebRoot/admin/commfiles/js/tree/bigDataDemo_super.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="demoTools.js"></script>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
	var zTree1;
	var setting;

	var zNodes =[
		{name:"100个节点", id:"1", count:100, isParent:true},
		{name:"500个节点", id:"2", count:500, isParent:true},
		{name:"1000个节点", id:"3", count:1000, isParent:true}
	];

	setting = {
		expandSpeed: "",
		callback: {
			beforeExpand: zTreeBeforeExpand,
			beforeCollapse: zTreeBeforeCollapse,
			expand: zTreeOnExpand,
			collapse: zTreeOnCollapse
		}
	};

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

//	var asyncUrl = "asyncData/nodeForHugeData.jsp";
	var asyncUrl = "asyncData/nodeForHugeData.php";
	var isGetNodes = false;
	var curParentNode = null;
	var startTime = 0;
	var endTime = 0;
	function zTreeBeforeExpand(treeId, treeNode) {
		if (!isGetNodes && treeNode.isParent && (!treeNode.nodes || treeNode.nodes.length==0)) {
			curParentNode = treeNode;
			isGetNodes = true;
			var id = curParentNode.id;
			var count = curParentNode.count;
			startTime = new Date();		
			ajaxGetNodes(id, 0, count)
			return false;
		} else if (isGetNodes && treeNode.isParent && (!treeNode.nodes || treeNode.nodes.length==0)) {
			alert("有其他节点正在下载数据中，请稍后展开节点。。。");
			return false;
		} else if (isGetNodes && treeNode == curParentNode ) {
			alert("该节点正在下载数据中，请稍后展开节点。。。");
			return false;
		}
		return true;
	}