javascript - 布局中滚动条位置错误 : 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);
},

现在，当网格有足够的数据时，水平和垂直滚动都会正确出现，但是当网格数据较少且列较多时，滚动条会下降。我以为只是低于最后一条记录，但它正在下降。

尽管记录较少，但所有网格都采用相同的高度。

示例图片 /image/RKdTb.png

我想要滚动条位于最后一个数据的下方。通过调试我发现 layout : fit 但不知道如何克服这个问题。

任何人都可以帮我吗？感谢帮助。

Answer 1

您需要将overflowY应用为网格。我认为适合布局没有问题。如果上述配置不起作用，请分享一些 fiddle 。