EXTJS 3,如何手动控制分页事件?

时间:2012-07-03 20:07:18

标签: javascript extjs extjs3

在EXTJS 3中,我正在定义数据存储和网格,它工作正常。现在的问题是分页,我想手动控制'下一步'按钮事件。

我尝试在分页中使用'beforechange'事件,但它不起作用,因为它是'BEFORE'。如何使用参数值手动加载商店?

服务器端是C#。

由于

商店

  var store = new Ext.data.DirectStore({
            storeId: 'store',
            directFn: Report.Function1,
            autoLoad: false,
            paramsAsHash: false,
            paramOrder: 'param1|start',
            ....
            fields: [ ...   ],
            remoteSort: false,          
        });

分页是

var pager = new Ext.PagingToolbar({
            store: store,
            displayInfo: true,
            pageSize: this.pageSize,

            listeners: {
                beforechange: function (paging, params) {
                    currentPage = params.start;
                    report_search(params);
                }
            }
        });

 function report_search(page) {
    var store = Ext.StoreMgr.lookup('store');
    store.removeAll();

    store.load({
        params: {
            param1: Ext.getCmp("param1").getValue(),           
            start: page.start
        }
    });
}

1 个答案:

答案 0 :(得分:0)

在加载之前,您似乎想要在商店中应用特殊的参数 要做到这一点 - 你需要:

this.store.on('beforeload', this.applyParams.createDelegate(this));
...

applyParams: function(store, options) {
    options.params = options.params || {};

    var params = {
        param1: Ext.getCmp("param1").getValue()
    };

    Ext.apply(options.params, params);
}

我希望你不需要拒绝'下一步'按钮点击,因为存储可以从其他地方加载(自动,从其他地方手动)。