如何用extjs4中的複選框創建樹視圖

Question

我正在Extjs4中工作。我想用複選框創建樹視圖來選擇單個條目。 我JSON原樣

{"data":[{"Maincategory":"Main","maincategoryId":"1","Subcategory":{"subcategory":"GK","categoryId":"2"},{"subcategory":"History","categoryId":"3"},{"subcategory":"Geography","categoryId":"4"}]},{"Maincategory":"GK","maincategoryId":"2","Subcategory":[{"subcategory":"environment","categoryId":"5"}]},{"Maincategory":"History","maincategoryId":"3","Subcategory":[{"subcategory":"civics","categoryId":"7"}]},{"Maincategory":"Geography","maincategoryId":"4","Subcategory":[{"subcategory":"India","categoryId":"8"}]},{"Maincategory":"environment","maincategoryId":"5","Subcategory":[]}]} 

我想創建這個JSON的樹視圖。那麼如何用extjs4中的複選框創建樹視圖。

Answer 1

添加Ext.selection.CheckboxModel selectionModel的爲您TreePanel中

一些這樣的事

{ 
xtype: 'treepanel', 
style: 'margin-top: 10px;', 
itemId: 'searchresultstreepanel', 
flex: 1, 
autoScroll : true, 
store: me.searchResultsStore, 
rootVisible: false, 
loadMask: true, 
selModel: Ext.create('Ext.selection.CheckboxModel',{ 
    mode: 'MULTI' 
}), 
selType: 'treemodel', 
.....