StringtreeNode.icon

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

节点自定义图标的 URL 路径。

1、父节点如果只设置 icon ,会导致展开、折叠时都使用同一个图标

2、父节点展开、折叠使用不同的个性化图标需要同时设置 treeNode.iconOpen / treeNode.iconClose 两个属性

3、如果想利用 className 设置个性化图标,需要设置 treeNode.iconSkin 属性

默认值:无

String 格式说明

图标图片的 url 可以是相对路径也可以是绝对路径

设置相对路径请注意页面与图片之间的关系,确保图片能够正常加载

treeNode 举例

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

var nodes = [
	//父节点展开 折叠时使用相同的图标
	{ name:"父节点1", icon:"/img/parent.gif"},

	//父节点展开 折叠时分别使用不同的图标
	{ name:"父节点2", iconOpen:"/img/open.gif", iconClose:"/img/close.gif"}, 

	//叶子节点个性化图标
	{ name:"叶子节点", icon:"/img/leaf.gif"}
]