javascript - ページの読み込み時にツリー パネルを展開する方法 - 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
        }

しかし、それでもうまくいきません。

Answer 1

これをモデルに追加します。

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

またはexpanded、サーバーから返すノードごとに true に設定します。

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}
            ] }
        ]
    }
});