ztree树节点名称太长怎么办

最新推荐文章于 2020-11-25 05:21:59 发布

zhengbo0

最新推荐文章于 2020-11-25 05:21:59 发布

阅读量1.1w

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/zhengbo0/article/details/17759543

版权

javascript 专栏收录该内容

67 篇文章 2 订阅

订阅专栏

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

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

view: {
			showLine: false,
			showIcon: false,
			selectedMulti: false,
			dblClickExpand: false,
			addDiyDom: addDiyDom
		},

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