javascript - ExtJS：无限滚动不起作用

Question

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

不支持verticalScroller 配置

我正在使用 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 中的一个示例。

我按照这里的例子，它工作得很好。