extjs - 如何在 ExtJS 4 中覆盖分页工具栏的下一个和上一个按钮

Question

我想覆盖 Extjs 4 中分页工具栏的“下一个”和“上一个”按钮。当我单击“下一个”时，我想使用 Web 服务获取 50 条记录。

Answer 1

您可以使用覆盖功能:

Ext.define('Override.toolbar.Paging', {
    override : 'Ext.toolbar.Paging',

    moveNext : function(){
        var me = this,
            total = me.getPageData().pageCount,
            next = me.store.currentPage + 1;

        if (next <= total) {
            if (me.fireEvent('beforechange', me, next) !== false) {
                me.store.nextPage();
            }
        }
    },

    moveLast : function(){
        var me = this,
            last = me.getPageData().pageCount;

        if (me.fireEvent('beforechange', me, last) !== false) {
            me.store.loadPage(last);
        }
    }
});

另一种方法是为 beforechange 事件创建一个监听器并在该函数中返回 false，并在那里实现您自己的逻辑。