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

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

时间: 2024-10-13 11:38:58

Ztree 树插件 树节点名称太长的解决方案的相关文章

WCF服务引用之后自动生成的泛型代理类名称太长的解决方案

问题:WCF服务引用之后会将原来的泛型类自动生成一个代理类,但是有时候名称太长怎么办? 解决方案: 1.方案一: 调用客户端同样也引用这个泛型类的类库. 2.方案二: 找到这个泛型类,然后在上面的[DataContract]中添加Name属性. 如下,{#}会被自动替换为Hash码.{0}和{1}会自动变成泛型值的名称. namespace DataContractSerializerDemos { DataContract(Name="BillOf{0}{1}{#}")] publi

Mac下关于——你不能拷贝项目“”,因为它的名称太长或包括的字符在目的宗卷上无效。文件的删除

内容是google的,测试有效,因为用revel打包的东西删除以后有这个循环bug Mac下关于——你不能拷贝项目“”,因为它的名称太长或包括的字符在目的宗卷上无效.文件的删除 关于这个问题我找到的一些资料, 可以通过如下方法删除 1.打开 终端 应用程序. 2.键入: sudo rm -rf 注意:在“-rf”后键入一个空格.没有空格该命令将不能执行.在步骤 6 之前请都不要按下 Return 键. 3.打开您的“废纸篓”. 4.从“编辑”菜单中选择“全选”. 5.将“废纸篓”中的所有内容都拖

echarts x轴名称太长

echarts x轴名称太长了,隐藏一部分,鼠标移到名称上,显示全称 1 function extension(mychart, type) { 2 let extension = document.getElementById("extension"); 3 mychart.on('mouseover', function (params) { 4 if (params.componentType == type) { 5 extension.innerHTML = params.v

echarts pie 图表当名称太长时

当饼图的名称太长时,只显示几个字符,其余的... 1 let use; 2 use.setOption({ 3 tooltip: { 4 trigger: 'item', 5 formatter: "{a} <br/>{b} : {c}MB ({d}%)" 6 }, 7 series: [ 8 { 9 name: '面积模式', 10 type: 'pie', 11 radius: '60%', 12 center: ['40%', '55%'], 13 roseType:

转:zTree树控件key配置之title:zTree树节点名称过长如何省略显示且鼠标移入节点上能够显示全称

当树节点的名称有些很长时,全部显示出来显得很拥挤的情况下,我们会想到用省略节点名称来代替,当鼠标移入节点时能够显示该节点的全称.这样我们应该如何做呢? 首先,我们要在树的节点内多增加一个属性用于设置该节点的全称,这里我们以title名称为例吧,示例代码如下所示: view sourceprint? 1.{ id:233, pId:23, name:"叶子节点233...",title:"叶子节点23333434343434"}, 2.{ id:234, pId:23

【转】如何解决Ubuntu终端里面显示路径名称太长

原文网址:http://jingyan.baidu.com/article/3d69c5516c129df0ce02d77b.html Ubuntu 默认的终端下面,进入很多层的目录后,前面那个提示符会显示完整的路径,这样命令行太长,让人觉得不舒服,现在教大家一个方法修改一下使命令行只显示当前目录的最后一级目录名,这样看起来也好,用pwd可以看到完整的路径名. 工具/原料 ubuntu xshell 方法/步骤 找到配置文件先进行备份:  cp  ~/.bashrc  ~/.bashrc-bak

android 如何将桌面较长的图标名称显示完整(有些APP的图标名称太长)

1.请找到对应的res资源,修改styles.xml,将 <style name="WorkspaceIcon.Portrait"> <item name="android:drawablePadding">0dp</item> <item name="android:paddingLeft">4dp</item> <item name="android:paddingR

解决Ubuntu终端里面显示路径名称太长

方法/步骤 找到配置文件先进行备份:  cp  ~/.bashrc  ~/.bashrc-bak 找到配置文件修改: vi  ~/.bashrc 备份是为了防止配置修改出错,可以还原: 下面是我的/home/vagrant/.bashrc,真正修改到就一行代码: 找到: 62     PS1='${debian_chroot:+($debian_chroot)}\[email protected]\h:\W\$ ' 修改将小写w改为大写W保存,执行source /home/vagrant/.ba

windows CMD.exe下写路径太长的解决方案

1.直接找到文件拖进cmd里,路径就出来了. 2.在文件目录的空白处,按住shift键,再点击右键,就出来再此处打开命令行窗口了. 相关CMD.exe的加强项目: https://github.com/mridgers/clink,这样按Tab就能自动补全了. 想用Linux下命令,却又不想安装cygwin/msys/gnuwin32? Gow不错:https://github.com/bmatzelle/gow. ConEmu:ConEmu - Handy Windows Terminal r