Javascript 如何在ExtJS4中使用窗口和滚动条调整网格大小？

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

到目前为止，我尝试了：布局：'fit'和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();
},

---

您是否分别为水平和垂直滚动条尝试了overflowX:“滚动”或overflowY:“滚动”？我应该将此配置放置在何处？当没有位置可显示所有数据时，将显示滚动条。您确定有足够的数据显示滚动条吗？

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");