javascript - 带有附加参数的 Extjs 分页

Question

我正在处理一个 ExtJS 4.2 项目，我想在其中使用分页工具栏来浏览图像。当我打开窗口时，所有图像都是正确的，但是当我单击下一步按钮查看下一个图像时，结果是空的。这是因为参数 Id 没有传递到后端系统。我在其他 Threads 中看到了类似 baseParams 的选项，但它们不在文档中并且不起作用。

//My Store Class
Ext.define('App.store.Images', {
  extend: 'Ext.data.Store',
  model: 'App.model.Images',
  autoLoad: false,
  autoSync: false,
  storeId: 'Images',
  pageSize: 8,
  proxy: {
    type: 'ajax',
    url: '/getImages',
    reader: {
        type: 'json',
        root: 'images',
        totalProperty: 'total'
    }
  }
});
// This code is execute when i open the Window
var imagesStore = Ext.StoreManager.get('Images');
imagesStore.on('load', buildContent);
imagesStore.load({
    params: {
        id: record.get('id'),
        start: 0,
        limit: 8
    }
});

哪里可以定义附加参数？

Answer 1

事实上，您可以在商店代理上定义 extraParams。您可以在加载方法调用之前执行此操作:

Ext.apply(store.getProxy().extraParams, {
    'yourId': yourId
});

或在您的代理配置中:

proxy: {
    type: 'ajax',
    url: '/getImages',
    reader: {
        type: 'json',
        root: 'images',
        totalProperty: 'total'
    }
    extraParams: {
        'yourId': yourId
    }
}