如何给ztree树叶子节点添加多个不同icon

最近项目的树要添加不同的icons,我百度了查了,没找到具体怎么写的,就自己看了Api文档,根据Api文档的例子改改,发现Api文档是父节点都加了button,就各种摸索,皇天不负有心人,终于弄出来了。

   //树上显示三种不同的icon(安防、车辆、人员)
    function textDom(treeId, treeNode){
        var aObj = $("#" + treeNode.tId + "_a");
        if ($("#diyBtn_"+treeNode.id).length>0) return;
        var childrens=treeNode.children;
        if(childrens){
            return;
        }else{
        //treeNode.icon获取到后台数据的icons(我这个icons是一个字符串里放了三个图片的URL)
            if(treeNode.icons){
            var arrys=treeNode.icons.split(','); //将字符串转换数组
            if(arrys.length>0){
                var editStr='';
                editStr += "";
                for(var i=0; i";         
                };
                editStr+="";
                aObj.append(editStr);
            }
        }
        }
        
    };

  var setting = me.setting = {
        data: {
            key: {
                name: "text"
            },
            simpleData: {
                enable: true,
                idKey: "id",
                pIdKey: "pId",
                rootPId: 'root'
            }
        },
        async: {
            enable: true,
            type: 'post',
            url: ' ',
            autoParam: ["id"]
        },
        callback: {
            //绑定事件
        },
        view: {
            fontCss: getFont,
            showTitle: false,
            selectedMulti: false,
            expandSpeed: "",
            showLine:false,
            addDiyDom : textDom
        }
    };

效果图:


如何给ztree树叶子节点添加多个不同icon_第1张图片
QQ图片20181222150540.png

由于项目传过来的数据都是一个icons,相互学习,仅供参考,转载请注明出处。

你可能感兴趣的:(如何给ztree树叶子节点添加多个不同icon)