通过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中,部分节点显示图标,部分不显示图标呢?^_^我也是在敲这篇博文是想到的方法,大家把答案贴上看看。