So überschreiben Sie die Aktualisierungsaktion in PagingToolbar

Question

Ich muss eine Aktion basierend auf der Aktualisierungsschaltfläche in der Symbolleiste Paging schreiben. Wie kann ich die doRefresh() Methode überschreiben?

this.bbar=Ext.create('Ext.PagingToolbar', { 
     store: store, 
     displayInfo: true, 
     displayMsg: 'Displaying records {0} - {1} of {2}', 
     emptyMsg: "No topics to display" 
}); 

Answer 1

Wenn Sie nur einmal tun wollen

Ext.create('Ext.PagingToolbar', { 
     store: store, 
     displayInfo: true, 
     displayMsg: 'Displaying records {0} - {1} of {2}', 
     emptyMsg: "No topics to display", 
     doRefresh : function(){ 
     // Keep or remove these code 
     var me = this, 
      current = me.store.currentPage; 

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

oder für alle pagebars ist zu verwenden.

Ext.PagingToolbar.prototype.doRefresh = function() { 
    // Keep or remove these code 
    var me = this, 
     current = me.store.currentPage; 

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

Beachten Sie, dass, wenn Sie die EXTJS Kernfunktionalität, um sicherzustellen, dabei müssen Sie verdoppeln überprüfen Sie es jedes Mal aktualisieren!

Answer 2

Ext.create('Ext.PagingToolbar', { 
    store: store, 
    displayInfo: true, 
    displayMsg: 'Displaying records {0} - {1} of {2}', 
    emptyMsg: "No topics to display", 
    doRefresh : function(){ 
    var me = this, 
     current = me.store.currentPage; 

    if (me.fireEvent('beforechange', me, current) !== false) { 
     me.store.loadPage(1, {          
      callback: function (records, operation, success) { 
       Ext.getCmp('educationGrid').getSelection(records, operation, success);          
      } 
     }); 
    } 
    } 

});

...................................

getSelection: function(records, operation, success){ 
    var grid= Ext.getCmp('educationGrid'); //my grid 
    grid.getView().select(0); 
}