Question

所以我有一个自动滚动的网格面板，水平或垂直。单击搜索按钮后将显示网格面板。如果有多个数据，面板将为垂直滚动条提供一个空间。但每当我排序或转到下一页时，它都不会为标题提供垂直滚动条的空间。它看起来像这个↓

每当我转到没有垂直滚动条的最后一页，然后返回到具有滚动条的第一页时，它将在标题上为垂直滚动条留出空间。只是转到下一页，然后回到上一页，排序也一样，它不会给空间。

我认为模式是当面板最初没有滚动时，它会给出一个空格，但是当面板已经有一个滚动时，它就不会为标题提供空间。

顺便说一下，我无法使用reserveScrollbar，因为客户端想要自动滚动。

这是我的观点：

Ext.define('Uph.view.contents.approval.ListGrid', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.apv-listgrid',
    id: 'apv-listgrid',
    enableColumnHide: false,
    scrollable: true,
    columnLines: true,
    columns: [{
        text : 'Time',
        itemId: 'grAplDatetime',
        flex: 1,
        width: 60,
        dataIndex: 'aplDatetime',
        renderer: function(value) {
            if ( !value || value.length === 0 ) {
                return '';
            }
            return Uph.Function.formatYmdHi(value);
        }
    },{
        text     : 'Group Name',
        itemId: 'grPageName',
        flex: 1,
        width: 60,
        dataIndex: 'pageName',
    },{
        text     : 'Detail',
        width: 50,
        resizable: false,
        itemId: 'grDetail',
        sortable: false,
    },{
        text     : 'Preview',
        width: 80,
        resizable: false,
        itemId: 'grPreview',
        sortable: false,
    },{
        text     : 'Appr',
        width: 50,
        resizable: false,
        itemId: 'grApproval',
        sortable: false,
    }],

    bbar: {
        xtype: 'cps-pagingtoolbar'
    },
    viewConfig: {
        loadMask: false,
        listeners: {
            refresh: function(v) {
                Ext.resumeLayouts(true);
            }
        }
    }
});

希望有人可以帮助我。谢谢。

Answer 1

经过数百万年后，我终于通过删除自定义分页类中的代码来解决了这个问题，该类扩展了“Ext.toolbar.Paging”。

我删除了这个，现在它可以正常工作：

Ext.suspendLayouts();

这个也因为它不再有用了：

Ext.resumeLayouts(true);

我的任务是从extjs4.2升级到extjs6.5，所以也许它在该版本上运行得很好但不知何故它在新版本上引起了一些问题。

网格面板标题没有为垂直滚动条

1 个答案: