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