ExtJS：无限滚动不起作用

Question

我正在尝试制作一个无限滚动的网格。我按照这个例子 here 但是当我运行应用程序时，控制台中出现以下错误

verticalScroller config is not supported

我正在使用 ExtJS 6.0.1 经典版。

下面是我的网格和存储配置

商店

Ext.define('Premier.store.MyStore', {
  extend: 'Ext.data.Store',

  alias: 'store.mystore',
  pageSize: 4, // items per page
  buffered: true,
  remoteSort: true,
  remoteFilter: true,

  proxy: {
    type: 'rest',
    url: '/api/MyController',

    reader: {
      type: 'json',
      rootProperty: 'Data',
      idProperty: 'ID',
      totalProperty: 'TotalCount'
    }
  }
});

网格

{
  xtype: 'grid',
  height: 90,

  columns: [{
    text: 'Name',
    dataIndex: 'Name',
    flex: 1,
    editor: {
      allowBlank: false
    },
    filter: {
      type: 'string'
    }
  }],

  // store: store,
  store: {
    type: 'mystore'
  },

  verticalScroller: {
    xtype: 'paginggridscroller',
    activePrefetch: false
  },

  selModel: 'rowmodel',
  plugins: [{
    ptype: 'rowediting',
    clicksToEdit: 2
  }, {
    ptype: 'gridfilters'
  }]
}

Answer 1

看来我用错了例子。我使用的是 ExtJS 4.0 中的示例。

我按照示例 here 进行了操作，效果很好。

ExtJS：无限滚动不起作用

ExtJS: Infinite scrolling not working

javascript

extjs

extjs-grid

extjs6-classic