码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-11-21 15:52:47      阅读:289      评论:0      收藏:0      [点我收藏+]

标签:http   ar   sp   strong   数据   on   div   bs   代码   

当树节点的名称有些很长时,全部显示出来显得很拥挤的情况下,我们会想到用省略节点名称来代替,当鼠标移入节点时能够显示该节点的全称。这样我们应该如何做呢?

首先,我们要在树的节点内多增加一个属性用于设置该节点的全称,这里我们以title名称为例吧,示例代码如下所示:

 

1.{ id:233, pId:23, name:"叶子节点233...",title:"叶子节点23333434343434"},
2.{ id:234, pId:23, name:"叶子节点...",title:"叶子节点打工撒干撒嘎斯"},
3.{ id:3, pId:0, name:"父节点3 - 没有子节点",title:"卧槽", isParent:true}

 

其次需要设置setting内data旗下key的title关键属性对应的属性名称

官方API内是这样解释key内title的:

 

1.zTree 节点数据保存节点提示信息的属性名称。[setting.view.showTitle = true 时生效]
2.如果设置为 "" ,则自动与 setting.data.key.name 保持一致,避免用户反复设置
3.默认值:""

 

看明白了把,默认情况下会和name属性一致。

为此,我们需要手动设置一下title对应的属性名称,设置代码如下所示:

 

01.var setting = {
02.data: {
03.simpleData: {
04.enable: true
05.},
06.showTitle:true//是否显示节点title信息提示 默认为true
07.key: {
08.title:"title" //设置title提示信息对应的属性名称 也就是节点相关的某个属性
09.}
10.}
11.};

 

这样一来,我们就可以达到我们想要的效果了。省略显示节点名称,鼠标移入时显示其节点的全称。效果图如下所示:

bubuko.com,布布扣

转:http://www.stepda.com/topic/?937

 

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

标签:http   ar   sp   strong   数据   on   div   bs   代码   

原文地址:http://www.cnblogs.com/spring_wang/p/4112850.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!