jQuery MiniUI

标题: 关于tree自定义图标的问题 [打印本页]

作者: cheapyang    时间: 2012-11-20 23:31:00     标题: 关于tree自定义图标的问题

是否只能在iconCls中增加图标样式定义,才能绑定到树的图标?是否可以直接为树的数据源指定图片的URL地址呢?

作者: factory    时间: 2012-11-21 09:44:42

可以的,请参考:http://www.miniui.com/demo/#src=tree/drawnode.html
作者: cy1990    时间: 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

[attach]1006[/attach]
miniui产品确实很好,公司已经购买使用,祝miniui越做越好。

作者: niko    时间: 2012-11-23 09:57:49

首先,你可以给树节点对象设置iconCls属性,比如:
{ iconCls: "icon-add", ...}

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

这样就能做到不需要写一行js,而显示展开、折叠两种情况下的节点图标。
作者: cy1990    时间: 2012-11-23 15:01:46

niko 发表于 2012-11-23 09:57
首先,你可以给树节点对象设置iconCls属性,比如:
{ iconCls: "icon-add", ...}

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

路径设置的话,如果文件路径不一样,你的url其实也需要变化的。
用css的话,文件路径就无所谓了。
作者: cy1990    时间: 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用于个性化节点配置

功能节点定义界面:
[attach]1011[/attach]


补充问题:
demo/index.html#src=tree/drawnode.html
重新绘制节点时,e.showCheckBox = false;可取消当前节点复选框
在url返回数据源中,showCheckBox 设置无效
expanded:控制展开、收缩,API文档中没有。





欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2