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