首页 > 其他 > 详细

Ztree树使用详解

时间:2021-07-26 23:00:56      阅读:50      评论:0      收藏:0      [点我收藏+]

zTree自定义节点name显示样式

//setting中配置属性
  view: {  
            showLine:false,
            dblClickExpand: true,
            showIcon: false,
            addDiyDom: addDiyDom  //自定义
        }

    //添加自定义样式函数
    function addDiyDom(treeId, treeNode) {
            var spaceWidth = 5;
            var switchObj = $("#" + treeNode.tId + "_switch"),
            checkObj = $("#" + treeNode.tId + "_check"),
            icoObj = $("#" + treeNode.tId + "_ico");
            switchObj.remove();
            checkObj.remove();
            icoObj.parent().before(switchObj);
            icoObj.parent().before(checkObj);

            var spantxt = $("#" + treeNode.tId + "_span").html();
            if (spantxt.length > 17) {
                spantxt = spantxt.substring(0, 15) + "..."; //最多显示15个字
                $("#" + treeNode.tId + "_span").html(spantxt);
            }
       }

 

收录详解地址:

http://www.360doc.com/content/19/0523/11/19913882_837657547.shtml

 

Ztree树使用详解

原文:https://www.cnblogs.com/BluceLee/p/15063063.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!