如何使窗口調整大小並在ExtJS 4中有一個滾動條？

Question

我在這裏看到很多類似的問題，但我無法解決我的問題 我應該使用哪種佈局？

到目前爲止，我嘗試：佈局：「適應」和自動滾屏：真正的 - 沒有結果，但我可以把它們放在錯誤的地方

這裏是代碼：

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