jsTree通过json数据初始化时,如何控制每个选项的图标(icon)显示

通过json数据控制jstree的图标(icon)样式,应该如何处理呢?要了解以下几点:

1.设置jstree图标(icon)的“总开关”。

在配置jstree时,通过“themes”插件的“icon”属性配置是否显示图标,值为true或者false,代码如下。设置为false时不显示图标;为true时,默认显示图标为文件夹图标。

            $("#myRightTree")
                .jstree({
		            "plugins" : [ 
			            "themes","json_data" 
		            ],
		            "themes":{
	                    "theme" : "classic",
	                    "dots" : true,
	                    "icons" : true
		            },
		            "json_data" : { 
			                "ajax" : {
				                "url" : "./departmentData.ashx",
				                "data" :0
				                }
		                }
	                }	  
	                  
            });//end jstree

 2. 通过json数据,控制图标的样式。jstree支持的json样式为如下。“icon”属性控制着节点图标的显示:值为"myClass"(不含字符"/")时,jstree判定为用户指定样式,即为对应的节点增加"myClass"样式;值为"a/123.gif"(含字符"/")时,判定为用户指定图片文件路径,即为对应的节点的css样式增加background-image:"a/123.gif"。

{
	"data": {
		"title": "节点文本"
		,"icon": "abc/a.jpg"
	}
	,"state": "open"
	,"attr": {"id": "cd7fe53f81024f8eb8b52e1a469e67ca"}
	,"children": [...这里是子节点的属性]
}

 

请网友们思考:如何实现jstree中,部分节点显示图标,部分不显示图标呢?^_^我也是在敲这篇博文是想到的方法,大家把答案贴上看看。

posted on 2012-10-22 20:43  ayao  阅读(12564)  评论(1编辑  收藏  举报

导航