zTree自定义Title属性

最新推荐文章于 2023-04-28 10:52:45 发布

IChocolateKapa

最新推荐文章于 2023-04-28 10:52:45 发布

阅读量1.1w

点赞数 2

分类专栏： web 文章标签： zTree

本文链接：https://blog.csdn.net/ichocolatekapa/article/details/48344563

版权

web 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

需要在setting中data规定好key中的title显示的是数据中的哪个字段：

var setting = {
    data: {
        simpleData: {
            enable: true
        },
        key: {
            title: "description"
        }
    }
};

并且，数据中需要有description属性：

var zNodes =[
    { id:1, pId:0, name:"我的程序", open:true, description: "jdskagt54y465y64ryhjfkjfi"},
    { id:11, pId:1, name:"常用程序", description: "j6t56dskajfkjfi"},
    { id:111, pId:11, name:"Portable file", description: "jdskaj646fkjfi"},
    { id:112, pId:11, name:"Executable file", description: "jdskajfkjfi"},
    { id:113, pId:11, name:"Shared object files", description: "635654376"},
    { id:2, pId:0, name:"王小明01的程序", description: "jr43wdskajfkjfi"},
    { id:3, pId:0, name:"张明04的程序", description: "cxsfre"},
    { id:4, pId:0, name:"李明明的程序", description: "r43w"},
    { id:5, pId:0, name:"赵大明01的程序", description: "yt5ry6"}
];

这样就在初始化树后看到自定义的title属性了.

当手动更新title时，

var zTree = $.fn.zTree.getZTreeObj("tree"),
        nodes = zTree.getSelectedNodes(),
        treeNode = nodes[0];

treeNode.description = description;
zTree.updateNode(treeNode);

参考文章： http://www.stepday.com/topic/?693 http://www.stepday.com/topic/?693