通過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中,部分節點顯示圖標,部分不顯示圖標呢?^_^我也是在敲這篇博文是想到的方法,大家把答案貼上看看。