如何覆盖ExtJS 4中的pagingtoolbar的下一个和上一个按钮

Question

我想覆盖Extjs 4中的pagingtoolbar的“next”和“previous”按钮。当我点击“next”时，我想使用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，并在那里实现你自己的逻辑。