如何在頁面加載時擴展樹面板 - EXTJS 4

Question

var tree = Ext.create('Ext.tree.Panel', { 
     store: store, 
     rootVisible: false, 
     //useArrows: true, 
     frame: true, 
     title: 'Vehicle List', 
     region:'west', 
     width: 200, 
     root: { 
     expanded: true 
     }, 
     checked : false, 
     height: 250, 
     dockedItems: [{ 
      xtype: 'toolbar', 
      items: { 
       text: 'Get checked nodes', 
       handler: function(){ 
        var records = tree.getView().getChecked(), 
         names = []; 

        Ext.Array.each(records, function(rec){ 
         names.push(rec.get('MainID')); 
        }); 

        Ext.MessageBox.show({ 
         title: 'Selected Nodes', 
         msg: names.join('<br />'), 
         icon: Ext.MessageBox.INFO 
        }); 
       } 
      } 
     }] 
    }); 

如何讓樹擴展？我試過

root: { 
     expanded: true 
     } 

但它仍然不起作用。你從服務器返回的每個節點

{ name: 'expanded', type: 'boolean', defaultValue: true, persist: false }, 

或可選擇地設置expanded爲true：

Answer 1

添加到您的模型。

Answer 2

root: { 
     expanded: true 
     } 

這應該在您的商店的定義。

像下面這樣。

var store = Ext.create('Ext.data.TreeStore', { 
    root: { 
     expanded: true, 
     children: [ 
      { text: "a", leaf: true }, 
      { text: "b", expanded: true, children: [ 
       { text: "c", leaf: true }, 
       { text: "d", leaf: true} 
      ] } 
     ] 
    } 
});