スクロールバーの位置が間違っています：fit

Question

私はPanelを持っていて、そのパネルにグリッドを動的にロードしています。 ここパネル

{ 
    xtype: 'panel', 
    region: 'center', 
    frame: true, 
    scrollable: true, 
    itemId: 'MyGrid', 
    reference: 'MyGrid', 
    layout: { 
     type: 'vbox', 
     align: 'stretch' 
    }, 
    items: [] 
} 

とグリッドのサンプルのためのコードです。グリッドは十分なデータを持っている場合、グリッドはスクロールバーがダウンして来ている以上の列との少ないデータを持っている場合は

Ext.define("MyApp.view.MYGrid", { 
extend: 'Ext.grid.Panel', 
    alias: 'widget.MyGrid', 
    requires: [ 
     'Ext.grid.filters.Filters', 
     'Ext.form.field.ComboBox', 
    ], 
    emptyText: 'No data available.', 
    disableSelection: true, 
    margin: '3 3 0 3', 
    collapsible: true, 
    multiSelect: false, 
    closable: true, 
    columnLines: true, 
    uniqueFields: [], 
    }); 

initComponent: function() { 
    var me = this; 
    me.fields = me.prepareFields(me.headersXmlDoc); 
    me.columns = me.prepareColumns(me.headersXmlDoc); 
    me.store = me.prepareGridStore(me.headersXmlDoc); 
    this.callParent(arguments); 
}, 

はさてhorizentalと垂直スクロールの両方が正しくくるけどさ。私はちょうど最後のレコードをbeowと思ったが、それはダウンに来る。

レコードが少なくても、グリッドはすべて同じ高さになります。

例picが https://i.stack.imgur.com/RKdTb.png

私は、最後のデータの下のスクロールバーをしたいです。私が見つけたデバッグによってlayout : fit しかし、それからどのように克服するか分からない。

誰でも助けてくれますか？手伝ってくれてありがとう。

Answer 1

overflowYをgrid.Iに適用する必要があります。フィットレイアウトに問題があるとは思われません。上記の設定では、いくつかのフィドルを共有できません。