带有组合框的 ExtJS 分页答案

【问题标题】：ExtJS Paging with Combo box带有组合框的 ExtJS 分页
【发布时间】：2017-01-31 03:22:52
【问题描述】：

使用 ExtJS 框架创建了一个组合框。但是分页不起作用。你能帮忙吗？

var store =   new Ext.data.ArrayStore({
    fields: ['id'],
    pageSize:1,
    data  : [
      ['15'],       ['25'],       ['225'],       ['325'],       ['525'],       ['625'],       ['125'],       ['8725'],       ['825'],       ['1825'],       ['3825'],       ['4825'],       ['67825'],       ['82725'],       ['84725'],       ['86725'],       ['87525'],       ['87625'],       ['872665'],       ['235'],       ['235'],       ['225'],       ['245'],       ['550']
    ]
  });
var combo = new Ext.form.ComboBox({
  name : 'perpage',
  width: 40,
  mode : 'remote',
  value: '1',
  store:       store, //the store you use in your grid

  pageSize:true,
  listWidth     : 1,
  width         : 600,
  triggerAction : 'all',
  displayField  : 'id',
  valueField    : 'id',
  forceSelection: true
});


var window = Ext.create('Ext.window.Window', {
    width: 650,
    height: 100,
    items: [combo]
}).show();

每页显示所有数据，即 24 条记录。

如图所示，每页显示所有 24 条记录。期望是每个页面都有 1 条记录。

【问题讨论】：

标签： javascript extjs combobox

【解决方案1】：

组合框始终显示存储中的所有数据。通常，当您使用分页时，存储不会保存来自服务器的所有数据。代理因此管理数据。

请检查如果您使用带有 enablePaging 和数据的 MemoryProxy 会发生什么：

var store =   new Ext.data.ArrayStore({
    fields: ['id'],
    pageSize:1,
    proxy: {
        type:'memory'
        enablePaging:true,
        data  : [
            ['15'],       ['25'],       ['225'],       ['325'],       ['525'],       ['625'],       ['125'],       ['8725'],       ['825'],       ['1825'],       ['3825'],       ['4825'],       ['67825'],       ['82725'],       ['84725'],       ['86725'],       ['87525'],       ['87625'],       ['872665'],       ['235'],       ['235'],       ['225'],       ['245'],       ['550']
        ]
    }
});

【讨论】：