Extjs经典网格面板滚动

问题描述

Extjs 6.2.0

拥有此面板

Ext.create('Ext.grid.Panel',{
                    region: 'center',padding: 5,reserveScrollbar: false,scrollable: true,columnLines: false,rowLines: false,disableSelection: true,viewConfig: {
                        stripeRows: false,trackOver: false,preserveScrollOnRefresh: true
                    },store: 'chatmessagesstore',hideHeaders: true,.....

和一列带有渲染器

Ext.form.Panel中具有布局边框的网格。和Ext.form.Panel在具有布局FIT的窗口中。 商店是MemoryStore

我添加要存储的记录，然后将其显示在网格中。 但是，如果我再添加50条记录来存储，我会在网格底部看到空白。 在上一个Chrome浏览器中，我看到空白。在上一个“ Sputnik”浏览器（俄语）中，我看不到空格

我认为滚动条计算错误。但是如何解决？ 我的头坏了）

解决方法

在网格中将bufferedRenderer属性设置为false。

...
...
/**
 * Create chat box
 *
 * @return {Ext.grid.Panel}
 */
createChatBox: function () {
    var me = this;
    if (!me.chatBox) {
        console.log('creating');
        this.chatBox = Ext.create('Ext.grid.Panel',{
            region: 'center',padding: 5,reserveScrollbar: false,scrollable: true,columnLines: false,rowLines: false,disableSelection: true,bufferedRenderer: false,// SET IT TO FALSE
            viewConfig: {
                stripeRows: false,trackOver: false,preserveScrollOnRefresh: true
            },store: 'chatmessagesstore',hideHeaders: true,columns: [{
...
...