Gibt es irgendwelche event-handler in EXTJS Paging-Toolbar-Buttons?

Ich bin neu mit EXTJS 4 und in diesem forum. Sorry, wenn es schon in einem anderen thread behandelt, aber ich habe es nicht gefunden.

Meine Frage ist, ich will mein Netz-Panel mit Paginierung aktualisieren Sie speichern alle 10 Sekunden. Ich habe eine Lösung gefunden, mit userStore.loadPage(current_page), aber es hat ein problem.

Einige Zeit, die Aktualisierung von Grid-Panel fast in der gleichen Zeit mit Benutzer klicken Sie auf "next" oder "prev" in der Paginierung. Dieses make-Grid-Panel funktioniert nicht richtig. Was ich möchte ist, wenn ich auf "next" oder "prev" oder "refresh", der vorherigen Anfrage (userStore.loadPage(current_page)) ist abgebrochen. So wird es nicht stören, meine aktuelle Anfrage.

Habe ich aber nicht gefunden-Ereignis in EXTJS Paging-Toolbar zu behandeln, "next", "prev" oder "aktualisieren" - button. Was ist die Lösung für dieses Problem? Gibt es eine Möglichkeit?

Dies ist mein code nur für Referenz:

//create User Store
var userStore = Ext.create('Ext.data.Store', {
    model: 'EDC',
    autoLoad: true,
    pageSize: 10,
    proxy: {
        type: 'ajax',
        url : 'Monitoring', //it is using Java servlet, so I write it this way
        reader: {
            type: 'json',
            root: 'edc',
            totalProperty: 'total'
        }
    }
});

//create Grid Panel
Ext.create('Ext.grid.Panel', {
    store: userStore,
    width: 800,
    height: 400,
    columns: [
        {
            text: "ID",
            width: 50,
            dataIndex: 'id'
        },
        {
            text: 'Serial Number',
            flex: 1,
            dataIndex: 'sn'
        }
        //etc...
    ],
    dockedItems: [{
        xtype: 'pagingtoolbar',
        store: userStore,
        dock: 'bottom',
        displayInfo: true
    }]
});

Es ist, wie es aktualisiert wird alle 10 Sekunden

//after on Ready, reload every 10 seconds
Ext.onReady(function(){
    self.setInterval("reloadCurrentEdc()", 10000);
});

//function for update
function reloadCurrentEdc(){
    if(typeof userStore != 'undefined'){
        userStore.loadPage(userStore.currentPage);
    }
}
InformationsquelleAutor Wahyu Fahmy | 2011-10-18
Schreibe einen Kommentar