Ztree 樹插件 樹節點名稱太長的解決方案

樣式允許的情況下 給背景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);
            }
        
  }