Расположение прокрутки неверно в макете: fit

Question

У меня есть панель, и на этой панели я загружаю сетку динамически. Вот код панели

{ 
    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 и вертикальная прокрутка правильно подходят, но когда сетка имеет меньше данных с более столбцами прокрутка спускаются. Я предположил, что буду просто последним альбомом, но он сходит с ума.

Вся сетка принимает ту же высоту, хотя у нее меньше записи.

Пример ПОС https://i.stack.imgur.com/RKdTb.png

Я хочу скроллбар чуть ниже последних данных. По отладке я нашел layout : fit Но не уверен, как преодолеть это.

Может кто-нибудь мне это поможет. Спасибо за помощь.

Answer 1

Вам необходимо применить overflowY как true для grid.I не думаю, что есть какая-то проблема с подходящей компоновкой. Если над конфигурацией не работает, поделитесь какой-нибудь скрипкой.