Ztree 分批异步加载
1、到ztree的官网下载ztree的js插件,包含js和css两个部分,然后,将js引入到项目中

3、编写js,添加ztree异步加载的配置,如下var setting = { async: { enable: true, url: getUrl, autoParam: ["id", "name"], dataFilter: filter }, view: { showLine: false, addDiyDom: addDiyDom, addHoverDom: addHoverDom, showTitle: true }, data: { simpleData: { enable: true } } };

5、添加异步加载时需要请求的参数的处理方法function getUrl(id, node) { var parentcode = node.id; return "AnsyChildData?System_Code=" + System_Code + "&Data_Code=" + Data_Code + "&tabReport=" + tabReport + "&Quota_Code=" + parentcode; }

7、添加初始化ztree的方法//初始化树 var zTreeObj = $.fn.zTree.init($("#dataTree"), setting, zTreeNodes);
8、运行页面,将会发现有下级节点的出现loading效果,这就说明已经在异步加载。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:39
阅读量:96
阅读量:58
阅读量:87
阅读量:42