ExtJS：无限滚动无法正常工作

Question

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

  

不支持verticalScroller配置

我正在使用ExtJS 6.0.1 classic。

以下是我的网格和商店配置

商品

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运行正常。