Griglia ExtJs.Pannello negozio: mantenere la posizione della barra di scorrimento dopo il caricamento/ricarica

Question

Uso la griglia .Pannello in Sencha ExtJs 4.0.2a e ricarico un Json Store ogni 60 secondi.

mi chiedevo se esiste un modo per mantenere la posizione della barra di scorrimento dopo il caricamento dei dati.
modo che l'utente può continuare a guardare ai record che stava cercando prima che il carico ..

ho ricaricare i dati nella griglia utilizzando un task:

var task = { 
    run: function(){ 
     Ext.getCmp(panelGridId).getStore().load({ 
      //Callback function after loaded records 
      callback: function(records) { 
       //Hide grid if empty records 
       if (Ext.isEmpty(records)) { 
        Ext.getCmp(panelGridId).setVisible(false); 
       } 
       else { 
        if (Ext.getCmp(panelGridId).isHidden()) { 
         Ext.getCmp(panelGridId).setVisible(true); 
         Ext.getCmp(panelGridId).doComponentLayout(); 
        } 
       } 
      } 
     }); 
    }, 
    interval: 60000 //60 seconds 
}; 

Ext.TaskManager.start(task); 

Dopo che i dati di carico del la posizione della barra di scorrimento viene ripristinata in alto ..

Q: C'è un modo per mantenere la posizione della barra di scorrimento dopo il caricamento dei dati?

Grazie in anticipo!

Answer 1

Prova questo cattivo ragazzo di preservare la posizione di scorrimento su Aggiorna: http://docs.sencha.com/ext-js/4-1/#!/api/Ext.grid.View-cfg-preserveScrollOnRefresh

Questo funziona per me, sul mio vista ad albero.

Answer 2

Ecco come si usa preserveScrollOnRefresh in griglia:

Ext.define('js.grid.MyGrid', { 

    extend: 'Ext.grid.Panel', 

    viewConfig: { 
     preserveScrollOnRefresh: true 
    } 

Ecco un JSFiddle che dimostra questo:

http://jsfiddle.net/cdbm6r0o/7/

Tuttavia, quando si seleziona una riga non sembra lavorare abbastanza bene. Non sono sicuro che questo sia un bug.

L'evento 'aggiornamento' è innescato da questo codice:

grid.store.loadData(dataToLoad); 

Sono a conoscenza di tutti gli altri eventi che generano un 'aggiornamento'

Note aggiuntive:

• I aveva il Ext.toolbar.Paging come richiedono. Anche se non l'ho usato, ha rovinato la salva di scorrimento quando ho selezionato una o più righe, quindi assicurati di rimuovere il Paging dalle tue necessità.
• Il rotolo preservare non sembra funzionare se uso il bufferedrenderer plug-in sul tavolo, allo stesso tempo.
• tablePanel.getView(). FocusRow (recrow) è anche interessante da guardare, ma non funziona con bufferedrenderer.

Answer 3

È possibile utilizzare la proprietà di configurazione preserveScrollOnReload vista:

viewConfig: { 
    preserveScrollOnReload: true 
},