打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
zTree(五)异步加载并展开第一项

异步配置项

async: {    enable: true,    url: ip + "mgmt/getOrg.do",    autoParam: ["orgCode"],//异步加载时需要自动提交父节点属性的参数    dataFilter: ajaxDataFilter//用于对 Ajax 返回数据进行预处理的函数。},var zTree;$(function () {    $.fn.zTree.init($("#treeOrg"), setting1, null);})//这些方法看看就好,这是我项目中写的,我不想改所以就全放来了function ajaxDataFilter(treeId, parentNode, responseData) {    // console.log(responseData)    if (responseData.retCode == 0) {        // console.log(responseData.orgList)        var orgList = getOrgList(responseData.orgList)        return orgList;    }};function getOrgList(orgList) {    // console.log(orgList)    if (orgList.length > 0) {        setOrgCode(orgList[0].orgCode, orgList[0].orgName, orgList[0].sortKey);    } else {        setOrgCode('1', 'Root', '1000000')    }    orgList = sortOrg(orgList)    // var orgList1 = sortOrg(orgList)    // console.log(orgList1)    var rootOrg = {        orgCode: '1',        parentCode: null,        orgName: 'Root'    }    orgList.push(rootOrg);    for (var i = 0, l = orgList.length; i < l; i++) {        if (orgList[i].termNum !== 0 && orgList[i].termNum) {            orgList[i].name = orgList[i].orgName + ' [' +                orgList[                    i].termNum + ']'        } else {            orgList[i].name = orgList[i].orgName        }    }    // console.log(orgList)    return orgList;}

异步加载完成后展开第一项

function zTreeOnAsyncSuccess(event, treeId, treeNode, msg) {   zTree = $.fn.zTree.getZTreeObj("treeOrg");    expand()};function expand() {    var nodes = zTree.getNodes();    // console.log(nodes)    if (nodes[0].children[0]) {        zTree.selectNode(nodes[0].children[0]);    } else {        zTree.selectNode(nodes[0])    }    setting1.callback.onClick = zTreeOnClickOrg;    // console.log(nodes)    if (nodes.length > 0) {        // console.log(nodes)        zTree.expandNode(nodes[0], true, false);    }}
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
ztree设置节点checked,选中某节点等相关操作
zTree使用总结
Ajax的原理及封装
告诉你什么是javascript的回调函数
使用 jQuery Deferred 和 Promise 创建响应式应用程序
Node.js 概述
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服