Ztree 树插件 树节点名称太长的解决方案
阅读原文时间:2023年07月09日阅读:1

**样式允许的情况下 给背景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);  
        }

}

手机扫一扫

移动阅读更方便

阿里云服务器
腾讯云服务器
七牛云服务器

你可能感兴趣的文章