项目常用功能模块(3)-ztree树节点名称太长

做项目时发现有的树节点名称太长，想截取制定长度显示，其余用"..."省略显示，仔细翻阅一下ztree文档发现ztree提供了一个addDiyDom方法，这不就是自己想找的diy dom方法吗，发现ztree果然强大。

1.首先不要忘记在view中配置addDiy:addDiyDom

[html]  view plain  copy

1. view: {  
2.             showLine: false,  
3.             showIcon: false,  
4.             selectedMulti: false,  
5.             dblClickExpand: false,  
6.             addDiyDom: addDiyDom  
7.         },  

2.下面就可以按照自己的意愿来显示树节点

function addDiyDom(treeId, treeNode) {  
        var spaceWidth = 5;  
        var switchObj = $("#" + treeNode.tId + "_switch"),  
        icoObj = $("#" + treeNode.tId + "_ico");  
        switchObj.remove();  
        icoObj.before(switchObj);  
  
        if (treeNode.level > 1) {  
            var spaceStr = "<span style='display: inline-block;width:" + (spaceWidth * treeNode.level)+ "px'></span>";  
            switchObj.before(spaceStr);  
        }  
        var spantxt=$("#" + treeNode.tId + "_span").html();
        if(spantxt.length>10){  
            spantxt=spantxt.substring(0,10)+"...";  
            $("#" + treeNode.tId + "_span").html(spantxt);  
        } 
    }

  view plain  cop