Ztree 树插件 树节点名称太长的解决方案

Posted 2020-07-25 Dene-wang 的专栏

样式允许的情况下 给背景div加滚动条。。

或者使用省略号方法：使用addDiyDom   http://blog.csdn.net/zhengbo0/article/details/17759543

 var setting = {
            view: {
                addDiyDom: addDiyDom
            }
        };

 function addDiyDom(treeId, treeNode) {
            var spaceWidth = 5;
            var switchObj = $("#" + treeNode.tId + "_switch"),
            icoObj = $("#" + treeNode.tId + "_ico");
            switchObj.remove();
            icoObj.parent().before(switchObj);
            var spantxt = $("#" + treeNode.tId + "_span").html();
            if (spantxt.length > 17) {
                spantxt = spantxt.substring(0, 17) + "...";
                $("#" + treeNode.tId + "_span").html(spantxt);
            }
        }

 

有checkbox时，

  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, 17) + "...";
                $("#" + treeNode.tId + "_span").html(spantxt);
            }
        
  }