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

时间:2023-03-09 18:19:50
Ztree 树插件 树节点名称太长的解决方案

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

或者使用省略号方法:使用addDiyDom   http://blog.****.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);
} }