ztree自定义图标实现方法

最新推荐文章于 2024-01-12 09:48:41 发布

chituZip

最新推荐文章于 2024-01-12 09:48:41 发布

阅读量2.9k

点赞数 1

分类专栏： zTree jQuery 文章标签： javascript ztree

本文链接：https://blog.csdn.net/chituZip/article/details/77650920

版权

jQuery 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

zTree

0 篇文章 0 订阅

订阅专栏

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('../../../img/header.png') center center/15px 15px no-repeat");
//$('#'+treeNode.tId+'_ico')是多个赋值方式
    }
}