如何使用窗口调整网格大小并在ExtJS 4中使用滚动条？

Question

我在这里看到了很多类似的问题，但我无法解决我的问题 我应该使用哪种布局？

到目前为止，我尝试过：布局：＆＃39; fit＆＃39;和autoscroll：true - 没有结果，虽然我可以把它们放在错误的地方

这是代码：

Ext.define('..MyPanel', {
extend: '...ParameterPanel',(which extends Ext.grid.Panel),

initComponent: function () {
    this.grid = Ext.create('...', {flex:1});

    this.items = [
        this.grid   
    ];
    this.callParent();
},

Answer 1

Ext.define('MyPanel', {
extend: 'Ext.panel.Panel',
renderTo: Ext.getBody(),
layout: 'fit',

initComponent: function () {
    this.grid = Ext.create('Ext.grid.Panel', {
        store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name',  dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
        flex:1,
        autoScroll: true
    });

    this.items = [
        this.grid   
    ];
    this.callParent();
}};

Ext.create("MyPanel");