jQuery MiniUI

 找回密码
 立即注册
查看: 18032|回复: 6
打印 上一主题 下一主题

关于tree自定义图标的问题 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2012-11-20 23:31:00 |只看该作者 |倒序浏览
是否只能在iconCls中增加图标样式定义,才能绑定到树的图标?是否可以直接为树的数据源指定图片的URL地址呢?

Rank: 8Rank: 8

沙发
发表于 2012-11-21 09:44:42 |只看该作者

Rank: 2

板凳
发表于 2012-11-22 22:18:58 |只看该作者
factory 发表于 2012-11-21 09:44
可以的,请参考:http://www.miniui.com/demo/#src=tree/drawnode.html

你好,你说的这种绘制节点的方式可以实现很多业务需求,不过是否miniui本身提供一个iconUrl属性,直接解析,只为了这一个需求绘制节点,在数据较多时是否会影响性能,如果更细一些的话,需要提供iconOpen和iconClose属性,分别配置展开和收缩时的图标,iconCls样式配置应该也只能配置一种展示图标。
这里是ztree的事例,可参考,网址:http://www.ztree.me


miniui产品确实很好,公司已经购买使用,祝miniui越做越好。
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 9Rank: 9Rank: 9

地板
发表于 2012-11-23 09:57:49 |只看该作者
首先,你可以给树节点对象设置iconCls属性,比如:
{ iconCls: "icon-add", ...}

然后,你可以增强icon-add的样式行为,比如:
mini-tree-expand .icon-add{
   //在展开情况下,使用另外图片效果
}

这样就能做到不需要写一行js,而显示展开、折叠两种情况下的节点图标。

Rank: 2

5#
发表于 2012-11-23 15:01:46 |只看该作者
niko 发表于 2012-11-23 09:57
首先,你可以给树节点对象设置iconCls属性,比如:
{ iconCls: "icon-add", ...}

你好,这种方式通过皮肤样式来解决,但是前提要有对应的样式,我们的业务应用中,对功能节点参数设置时,配置的是图片路径(包含绝对路径和相对路径),节点图标不一样而且是动态配置的,这种情况如果使用iconCls属性进行解决,如果有iconUrl属性不是更好吗,更加灵活。

Rank: 9Rank: 9Rank: 9

6#
发表于 2012-11-25 10:14:34 |只看该作者
路径设置的话,如果文件路径不一样,你的url其实也需要变化的。
用css的话,文件路径就无所谓了。

Rank: 2

7#
发表于 2012-11-25 22:44:48 |只看该作者
niko 发表于 2012-11-25 10:14
路径设置的话,如果文件路径不一样,你的url其实也需要变化的。
用css的话,文件路径就无所谓了。 ...

你好,url路径改变没有问题,例如我们是做管理系统的,比如功能模块节点是定制出来的,这样功能很多开放给管理员使用,此时管理员可以根据需要直接使用网络搜索到的url路径,或者下载后上传到ftp站点图片文件夹,相对来说直接配置iconurl比较方便,如果是使用iconCls时,如果有5个节点图标不同,那么需要管理员定义5个样式iconCls1:iconCls……,然后在节点定义上设置
使用场景区别:
1.iconCls用于较多通用图标样式,提前定义好,提供样式库
2.iconUrl用于个性化节点配置

功能节点定义界面:



补充问题:
demo/index.html#src=tree/drawnode.html
重新绘制节点时,e.showCheckBox = false;可取消当前节点复选框
在url返回数据源中,showCheckBox 设置无效
expanded:控制展开、收缩,API文档中没有。
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Archiver|普加软件

GMT+8, 2024-9-21 03:15 , Processed in 1.057467 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部