最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

zTree异步加载全部节点

来源:动视网 责编:小采 时间:2020-11-27 20:31:09
文档

zTree异步加载全部节点

zTree异步加载全部节点:引用的头部文件代码 <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/component/ztree/css/zTreeStyle/zTreeStyle.css" />
推荐度:
导读zTree异步加载全部节点:引用的头部文件代码 <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/component/ztree/css/zTreeStyle/zTreeStyle.css" />

引用的头部文件代码

<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/component/ztree/css/zTreeStyle/zTreeStyle.css" />

<script type="text/javascript" src="<%=request.getContextPath()%>/component/ztree/js/jquery-1.4.4.min.js"></script>

<script type="text/javascript" src="<%=request.getContextPath()%>/component/ztree/js/jquery.ztree.core.js"></script>

<script type="text/javascript" src="<%=request.getContextPath()%>/component/ztree/js/jquery.ztree.excheck.js"></script>

树的载体代码

<div style="border:solid 1px #a7b5bc; float:left; width:100%; height:100%; overflow-y:auto;"> 
 <ul id="tree" class="ztree"></ul> 
</div>

Javascript部分(本文重点)代码

<script type="text/javascript"> 
 //初始化树 
 $(function() { 
 $zTree = $.fn.zTree.init($("#tree"), $setting); 
 
 //延迟展开根节点 
 setTimeout(function(){ 
 var nodes = $zTree.getNodes(); 
 if(nodes.length >0){ 
 $zTree.expandNode($zTree.getNodes()[0], true, false, false); 
 } 
 },1000); 
 }); 
 
 //定义ztree树所需变量 
 var $zTree; 
 var $zTreeFlag = true; 
 var $setting = { 
 async : { 
 enable : true, 
 url : "/baseplatform/auth/selectSysRoleUserTreeByPid.do", 
 autoParam : ["id"], 
 otherParam: {"srId":'${sysRole.srId}'} 
 }, 
 callback : { 
 onAsyncSuccess : onAsyncSuccess 
 }, 
 data : { 
 key : {name : "name"}, 
 simpleData : {enable : true, idKey : "id", pIdKey : "pId", rootPId : -1} 
 }, 
 check: { 
 enable: true 
 } 
 }; 
 
 //每次加载节点触发的方法 
 function onAsyncSuccess(event, treeId, treeNode, msg) { 
 //递归展开子节点 
 if(treeNode != undefined){ 
 expandNodes(treeNode.children, "tree"); 
 } 
 } 
 
 //递归展开子节点 
 function expandNodes(nodes, treeId) { 
 if (!nodes) return; 
 var zTree = $.fn.zTree.getZTreeObj(treeId); 
 for (var i=0, l=nodes.length; i<l; i++) { 
 zTree.expandNode(nodes[i], true, false, false); 
 if (nodes[i].isParent && nodes[i].zAsync) { 
 expandNodes(nodes[i].children, treeId); 
 } 
 } 
 } 
</script>

文档

zTree异步加载全部节点

zTree异步加载全部节点:引用的头部文件代码 <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/component/ztree/css/zTreeStyle/zTreeStyle.css" />
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top