extjs - ExtJS 4 で pagingtoolbar の次と前のボタンをオーバーライドする方法

Question

Extjs 4 の pagingtoolbar の「次へ」ボタンと「前へ」ボタンをオーバーライドしたいと思います。「次へ」をクリックすると、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を返し、そこに独自のロジックを実装することです。