节点自定义图标的 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"}
]