From 21d72c4a80fe2937d0c4ddd20624b27adbcd989b Mon Sep 17 00:00:00 2001 From: lizi00164331
节点自定义图标的 className
+1、需要修改 css,增加相应 className 的设置
+2、css 方式简单、方便,并且同时支持父节点展开、折叠状态切换图片
+3、css 建议采用图片分割渲染的方式以减少反复加载图片,并且避免图片闪动
+4、zTree v3.x 的 iconSkin 同样支持 IE6
+5、如果想直接使用 图片的Url路径 设置节点的个性化图标,需要设置 treeNode.icon / treeNode.iconOpen / treeNode.iconClose 属性
+默认值:无
+设置个性图标的 className
+css 内容:
+.ztree li span.button.diy01_ico_open, .ztree li span.button.diy01_ico_close{...}
+
+.ztree li span.button.diy02_ico_open{...}
+.ztree li span.button.diy02_ico_close{...}
+
+.ztree li span.button.diy03_ico_docu{...}
+
+js中节点数据:
+var nodes = [
+ //父节点展开 折叠时使用相同的图标
+ { name:"父节点1", iconSkin:"diy01"},
+
+ //父节点展开 折叠时分别使用不同的图标
+ { name:"父节点2", iconSkin:"diy02"},
+
+ //叶子节点个性化图标
+ { name:"叶子节点", iconSkin:"diy03"}
+]
+