javascript - 加载页面时如何伸展树(Splay Tree)面板 - 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。