Hello,

I'm trying to paginate the results in a search. The result is shown in a GridPanel, and I am using PagingMemoryProxy to paginate in local mode.
The problem is that the same first fetched results appear in all of the pages in the grid, althought the bottom toolbar change.

This is my relevant code:

Code:
var busquedaRecord = new Ext.data.Record.create([  
     {name: 'codIG', type: 'string'},  
     {name: 'aplicacion', type: 'string'},  
     {name: 'proceso', type: 'string'},
     {name: 'estado', type: 'string'},  
     {name: 'criticidad', type: 'string'},  
     {name: 'descripcion', type: 'string'},
     {name: 'fecha', type: 'date', format: 'd/m/Y'} 
]); 
    

var arrayReaderJson = new Ext.ux.data.JsonArrayReader({
    root : 'items',        
    totalProperty : 'rowNumber'
},busquedaRecord

);    

var result = new Ext.data.JsonStore({    
    proxy: new Ext.ux.data.PagingMemoryProxy(),
  reader: arrayReaderJson
});

var columns = [
   {header: "Código IG", width: 70, sortable: true, dataIndex: 'codIG'},
   {header: "Aplicación", width: 75, sortable: true, dataIndex: 'aplicacion'},
   {header: "Proceso", width: 75, sortable: true, dataIndex: 'proceso'},
   {header: "Estado", width: 75, sortable: true, dataIndex: 'estado'},
   {header: "Criticidad", width: 70, sortable: true, dataIndex: 'criticidad'},
   {id:'descripcion',header: "Descripción", width: 250, sortable: true, dataIndex: 'descripcion'},
   {header: "Fecha creación", width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'fecha'}
];

var paging = new Ext.PagingToolbar({  
    pageSize: 5, 
    store: result, 
    displayInfo: true,   
    displayMsg: 'Mostrando  {0} - {1} de {2}',  
    emptyMsg: "No existen datos"   
});

var busquedaGrid = new Ext.grid.GridPanel({
    view: new Ext.grid.GridView(),
    store : result,
  columns: columns,
  autoExpandColumn: 'descripcion',
  bbar :  paging,
  height:250,
  width:600
});

var frmIzq = new Ext.FormPanel ({

   ...
        buttons :[{
            text: 'Buscar',
               iconCls : 'silk-magnifier',
               handler : function(){
                if(frmIzq.getForm().isValid()){
                    frmIzq.getForm().submit({
                        url: 'ServletBuscar',
                        method:'POST',
                        failure: ...  
                        success: function (form, request) {  
                            result= new Ext.data.Store({
                                reader : arrayReaderJson,
                                proxy: new Ext.ux.data.PagingMemoryProxy(Ext.util.JSON.decode(request.response.responseText))
                            });                              
                            busquedaGrid.store = result;
                      
                            paging.bindStore(busquedaGrid.getStore());
                            busquedaGrid.footer = paging;
                             
                            busquedaGrid.render(); 
                            result.load({params:{start:0, limit:5}});
                              
                            busquedaGrid.store.commitChanges();
                            busquedaGrid.getView().refresh();
                        }
                    });
                    
                }
             }
         }
});
all of this code is in a class Ext.Panel, that is invoked from ready function, inside on a Ext.Viewport var.