StringtreeNode.iconSkin

概述[ 依赖 jquery.ztree.core 核心 js ]

节点自定义图标的 className

1、需要修改 css,增加相应 className 的设置

2、css 方式简单、方便,并且同时支持父节点展开、折叠状态切换图片

3、css 建议采用图片分割渲染的方式以减少反复加载图片,并且避免图片闪动

4、zTree v3.x 的 iconSkin 同样支持 IE6

5、如果想直接使用 图片的Url路径 设置节点的个性化图标,需要设置 treeNode.icon / treeNode.iconOpen / treeNode.iconClose 属性

默认值:无

String 格式说明

设置个性图标的 className

css & treeNode 举例

1. 设置节点的个性化图标

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"}
]