web前端|js教程
ztree, js, html, 异步加载, 根节点 zTree异步加载全部节点
web前端-js教程
引用的头部文件代码
仿hao123源码 帝国,ubuntu共享库文件,java网络爬虫教学,php酒吧,网上seo研lzw
<link rel="stylesheet" type="text/css" href="/component/ztree/css/zTreeStyle/zTreeStyle.css” />
易语言美化源码,vscode编写方法,ubuntu 单片机开发环境,tomcat网站升级,新建sqlite表教程,icons插件,国内前端框架排名,爬虫双色球机选,php 添加mysql,海南推荐seo,家装网站模板下载,模拟自定义菜单网页,杰奇小说模板标签,delphi 无界面程序lzw
<script type="text/javascript" src="/component/ztree/js/jquery-1.4.4.min.js”>
易语言crc内存校验源码,ubuntu etcd3,java爬虫涉及技术,php号,seo 英文 翻译lzw
<script type="text/javascript" src="/component/ztree/js/jquery.ztree.core.js”>
<script type="text/javascript" src="/component/ztree/js/jquery.ztree.excheck.js”>
树的载体代码
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); }}}