zTree自定义Title属性

需要在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

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
自定义 ztree 的响应数据,需要在后端返回 JSON 数据时,按照 ztree 的数据格式进行组装。具体来说,ztree 的节点数据格式如下: ``` { "id": "节点唯一标识符", "pId": "节点的父节点唯一标识符", "name": "节点名称", "isParent": "是否有子节点", "open": "节点是否默认展开", // 其他自定义属性 } ``` 如果需要自定义响应数据,可以在后端组装出符合上述格式的 JSON 数据,然后在前端使用 ztree 的 API 加载数据即可。具体的步骤如下: 1. 在后端组装出符合 ztree 格式的 JSON 数据; 2. 在前端使用 ztree 的 `async` 和 `data` 属性配置异步加载数据; 3. 在 `async` 属性中指定后端返回数据的 URL; 4. 在 `data` 属性中指定后端返回的 JSON 数据格式。 下面是一个示例代码: ``` // 后端返回的 JSON 数据格式 { "id": 1, "name": "根节点", "children": [ { "id": 2, "name": "子节点1" }, { "id": 3, "name": "子节点2" } ] } // 前端使用 ztree 加载数据 $(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), { async: { enable: true, url: "/api/tree", autoParam: ["id=parentId"] }, data: { simpleData: { enable: true, idKey: "id", pIdKey: "parentId", rootPId: null } } }); }); ``` 在上述代码中,后端返回的 JSON 数据中,根节点的 `id` 为 `1`,子节点1的 `id` 为 `2`,子节点2的 `id` 为 `3`。在前端使用 ztree 加载数据时,将 `idKey` 指定为 `id`,`pIdKey` 指定为 `parentId`,这样 ztree 就能够正确地解析后端返回的 JSON 数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值