Saltar al contenido

ExtJs grid.Panel store: mantenga la posición de la barra de desplazamiento después de cargar / recargar

Solución:

Prueba este chico malo para conservar la posición de desplazamiento al actualizar:

http://docs-devel.sencha.com/extjs/4.2.1/#!/api/Ext.grid.View-cfg-preserveScrollOnRefresh

Esto me funciona en mi vista de árbol.

viewConfig: {
   preserveScrollOnRefresh: true
}

Así es como usarías preserveScrollOnRefresh en su Grid:

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

    extend: 'Ext.grid.Panel',

    viewConfig: {
        preserveScrollOnRefresh: true
    }

Aquí hay un JSFiddle que demuestra esto:

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

Sin embargo, cuando selecciona una fila, no parece funcionar del todo bien. No estoy seguro de si esto es un error.

El evento ‘actualizar’ se activa a partir de este código:

grid.store.loadData(dataToLoad);

No tengo conocimiento de ningún otro evento que provoque una ‘actualización’

Notas adicionales :

  • tuve el Ext.toolbar.Paging como un requisito. Aunque no lo usé, arruinó la reserva de desplazamiento cuando tenía una o más filas seleccionadas, así que asegúrese de eliminar la paginación de sus requisitos.
  • La reserva de desplazamiento no parece funcionar si utilizo el Bufferingrer plugin en la mesa al mismo tiempo.
  • tablePanel.getView (). focusRow (recrow) también es interesante de ver, pero tampoco funciona con bufferrenderer.

Puedes usar el preserveScrollOnReload ver propiedad de configuración:

viewConfig: {
    preserveScrollOnReload: true
},
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *