zTree节点文字过多的处理方法
更新时间：2017年11月24日 16:31:05 作者：wavemelody
这篇文章主要为大家详细介绍了zTree节点文字过多的处理方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
zTree setting.view.addDiyDom 方法可以实现自定义控件，指定节点显示内容。因此需要自己实现addDiyDom方法。
如果树节点不显示checkbox ，处理方法为：
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 > 19) {
spantxt = spantxt.substring(0, 29) + "...";
$("#" + treeNode.tId + "_span").html(spantxt);
}
}
如果树节点有checkbox，处理方法为：
function addDiyDomWithCheck(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();
$("#" + treeNode.tId + "_span").css({"fontSize":13});
$("#" + treeNode.tId + "_span").attr("data-toggle","tooltip");
$("#" + treeNode.tId + "_span").attr("data-placement","top");
if (spantxt.length > 19) {
spantxt = spantxt.substring(0, 19) + "...";
$("#" + treeNode.tId + "_span").html(spantxt);
}
}
zTree view 相关定义如下：
//树属性的定义
var setting = {
//页面上的显示效果
view: {
addHoverDom: addHoverDom, //当鼠标移动到节点上时，显示用户自定义控件
removeHoverDom: removeHoverDom, //离开节点时的操作
selectedMulti: false,
txtSelectedEnable: true,
showLine: true,
addDiyDom: addDiyDomWithCheck
}
}
实现效果如下，超长部分将显示为省略号...
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
今天整理了33个使用jQuery与CSS3实现绚丽的鼠标悬停效果，有些是纯CSS3的，这些效果你完全可以用在你的网页上，让网站获得更好的体验2014-12-12
Jquery跨域获得Json时invalid label错误的解决办法
这两天用 Jquery 跨域取数据的时候，经常碰到 invalid label 这个错误，十分的郁闷，老是取不到服务器端发送回来的 json 值，一般跨域用到的两个方法为：$.ajax 和 $.getJson2011-01-01
这篇文章主要介绍了jQuery实现滚动切换的tab选项卡效果代码,涉及jquery链式操作及样式动态操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
jQuery.validate 常用方法及需要注意的问题，需要的朋友可以参考一下2013-03-03
jQuery EasyUI中的日期控件DateBox修改方法
下面小编就为大家带来一篇jQuery EasyUI中的日期控件DateBox修改方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
基于Jquery制作的幻灯片图集效果，文章最后给出了打包下载地址，喜欢的朋友可以测试下。2011-02-02
这篇文章主要介绍了jQuery实现滑动的标签分栏切换效果，具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了编写自己的jQuery提示框（Tip）插件的方法,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了jQuery中:first-child选择器用法,实例分析了:first-child选择器的功能、定义及匹配父元素的第一个子元素的用法技巧,具有一定参考借鉴价值,需要的朋友可以参考下2014-12-12
jquery向.ashx文件post中文乱码问题的解决方法，需要的朋友可以参考下。2011-03-03
最新评论