jsTree通过json数据初始化时,如何控制每个选项的图标(icon)显示
生活随笔
收集整理的這篇文章主要介紹了
jsTree通过json数据初始化时,如何控制每个选项的图标(icon)显示
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
通過json數(shù)據(jù)控制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數(shù)據(jù),控制圖標的樣式。jstree支持的json樣式為如下。“icon”屬性控制著節(jié)點圖標的顯示:值為"myClass"(不含字符"/")時,jstree判定為用戶指定樣式,即為對應的節(jié)點增加"myClass"樣式;值為"a/123.gif"(含字符"/")時,判定為用戶指定圖片文件路徑,即為對應的節(jié)點的css樣式增加background-image:"a/123.gif"。
{"data": {"title": "節(jié)點文本","icon": "abc/a.jpg"},"state": "open","attr": {"id": "cd7fe53f81024f8eb8b52e1a469e67ca"},"children": [...這里是子節(jié)點的屬性] }?
請網(wǎng)友們思考:如何實現(xiàn)jstree中,部分節(jié)點顯示圖標,部分不顯示圖標呢?^_^我也是在敲這篇博文是想到的方法,大家把答案貼上看看。
轉(zhuǎn)載于:https://www.cnblogs.com/ayao/archive/2012/10/22/jstree_icon.html
總結(jié)
以上是生活随笔為你收集整理的jsTree通过json数据初始化时,如何控制每个选项的图标(icon)显示的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【转自lzplzp】pair proje
- 下一篇: zigbee 初识zigbee,ieee