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);
},

现在，当Grid有足够的数据时，horizental和垂直滚动都会正确显示，但当网格数据较少且列数较多时，滚动条会下降。我想应该只是最后一张唱片，但它会降下来。

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

示例图片 https://i.stack.imgur.com/RKdTb.png

我希望滚动条位于最后一个数据的下方。通过调试我发现layout : fit 但不确定如何克服这一点。

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

Answer 1

你需要对网格应用 overflowY 为true。我不认为适合布局有问题。如果上面的配置不起作用，请分享一些小提琴。

滚动条位置在布局中是错误的：适合

1 个答案: