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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM