ztree自定义图标实现方法

最新推荐文章于 2026-05-31 15:24:48 发布

原创最新推荐文章于 2026-05-31 15:24:48 发布 · 3.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

jQuery

当前文章被收录于：

jQuery

3 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何使用ZTree插件自定义树形结构中节点的图标样式。通过设置JS回调函数onNodeCreated，可以根据节点类型动态调整节点图标。

ztree设置JS代码

ztree是如何设置自定义图标的呢？下面我们来看一下：

var setting = {
        check: {
            enable: true
        },
        data: {
            simpleData: {
                enable: true
            }
        },
        callback: {
            onNodeCreated: zTreeOnNodeCreated
        },
   };       

//定义函数zTreeOnNodeCreated
function zTreeOnNodeCreated(event, treeId, treeNode) {
//salesman是树节点的名称，不是树本身内置代码，需要后台定义
//该处判断假如treeNode节点是salersman，那么设置css样式
        $('#'+treeNode.tId+'_ico').css("background", "url(https://blog.csdn.net/'../../../img/header.png') center center/15px 15px no-repeat");
//$('#'+treeNode.tId+'_ico')是多个赋值方式
    }
}