zTree节点文字过多的处理方法
2017-11-24 16:31
609 查看
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 } }
实现效果如下,超长部分将显示为省略号...
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- zTree 节点文字过多处理方法
- zTree实例(高级方法增删编辑,直接在节点上处理)
- 微信小程序中的canvas 文字断行和省略号显示功能的处理方法
- word-wrap,word-break,white-space,text-overflow的区别和用法 文字处理方法
- phpQuery占用内存过多的处理方法
- TreeView 历遍与修改节点同级的所有节点,判断否有重复,处理方法
- xml Dom parser 读路径显示图片时应注意的问题以及firefox对空格、换行节点的处理方法
- 节点无法同步处理方法
- LaTex “too many unprocessed floats” (过多未处理的浮动)错误的解决方法
- database software runInstaller无法看到全部的rac节点的处理方法
- zTree使用时expandAll()折叠全部方法和expandNode()同时使用时节点显示问题记录
- ztree树父节点不被选中或获取所有节点不获取父节点值的方法
- python识别图片中的文字处理方法
- LaTex “too many unprocessed floats” (过多未处理的浮动)错误的解决方法
- (转载)ztree 添加节点的图标无法正常显示解决方法
- zTree异步加载展开第一级节点的实现方法
- css 标题一行图片 两行文字的排列方法以及相关问题处理
- html表格 <td> 文字过多需要隐藏的正确方法
- LaTex “too many unprocessed floats” (过多未处理的浮动)错误的解决方法
- 在父页面得到zTree已选中的节点的方法