Paginar Grid Con Memory Proxy (ExtJS)

[Neeruu]

Hola a todos....

Estoy tratando de paginar una grilla...
Mire en muchos ejemplos pero no puedo hacer andar la paginacion.
Mi Store:


var StoreEgresoVehiculo=Ext.create('Ext.data.Store', {
storeId:'StoreEgresoVehiculo',
autoLoad: true,
fields:[{name:'Vehiculo' , type: 'string'},
{name:'Patente' , type: 'string'},
],
data:{'items':[]},
enablePaging:true,
pageSize :1,
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
});


El Store esta enlazado a una grid...
Cuando necesito mostrar los datos cargo un array y luego cargo el array al
store:


StoreEgresoVehiculo.loadData(MyArrayData, false);


Automaticamente se muestran los datos en la grid.
Pero el panel de paginacion no carga las paginas.

Si defino los datos de antemano ejemplo:


var MyArrayData = {
'items': [{Vehiculo:'AUTOMOVIL',Patente:'AD'},
{Vehiculo:'CAMION',Patente:'XX'}]
};


Cuando quiero mostrar los datos hago:


StoreEgresoVehiculo.loadPage(1);


y se muestra correctamente...

Pero cargando los datos después (que se muestra mi pantalla) no logro que la grid pagine.
Por favor alguien podría darme un ejemplo o guiarme como puedo solucionarlo.

Gracias

[Neeruu]

Ext.onReady(function(){

var mydataGrid=[];
var StoreEgresoVehiculo=Ext.create('Ext.data.Store', {
storeId:'StoreEgresoVehiculo',
autoLoad: true,
fields:[
{name:'Vehiculo' , type: 'string'},
{name:'Patente' , type: 'string'},
],
data:{'items':[]},
buffered:true,
enablePaging:true,
pageSize :1,
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
}) ;

Grid = Ext.create('Ext.grid.Panel', {
id:'sIDGrilla',
title: 'Datos',
titleAlign:'center',
store: StoreEgresoVehiculo,
flex:1,
columns: [
{ text: 'Veh\u00edculo',
dataIndex: 'Vehiculo',
align: 'left',
menuDisabled:true,
width:130,
},

{ text: 'Patente',
dataIndex: 'Patente',
align: 'left',
menuDisabled:true,
width:130,
}
],
height:200,
width: '100%',
scroll:'vertical',
loadMask: true,
renderTo: Ext.getBody(),
bbar:
Ext.create('Ext.PagingToolbar', {
store: StoreEgresoVehiculo,
displayInfo: true,
displayMsg: 'Mostrador Registros {0} - {1} de {2}',
emptyMsg: "No Hay Datos Para Mostrar",
items:[
'-', {
text: 'Cargar Datos.',
handler:
function() {
mydataGrid.push({Vehiculo:'CAR',Patente:'XXX'});
alert('Datos Cagados');
},
},
{
text: 'Paginar.',
handler:
function() {
StoreEgresoVehiculo.loadData(mydataGrid,true);
StoreEgresoVehiculo.loadPage(1);
},
},
{
text:'Pagina2',
handler:
function(){
}
}
]

}),
});
});



Alguien podría decirme porque no se carga las paginas? Que esta mal en el código?

Gracias.

[Neeruu]

Hola a todos....

Despues de mucho tiempo encontre la solucion para poder paginar los datos en una grilla.


Adjunto un ejemplo...
Link (https://mega.co.nz/#!vBJClKIS!bDTt7Vm228qR5IrHv2bLqD39UvjDirTZNTd36pKT_BA)

Y esta basado en este ejemplo...
http://blog.jardalu.com/2013/6/21/grid-paging-extjs-sencha

Aca tenemos el ejemplo inspirador funcionando:
http://jsfiddle.net/jardalu/TE4ah/


Esto es todo...
Habia empezado este post hace un tiempo... y ahora me lo respondo...

Saluda Atte Neeruu!!!:)

[Casimiro Notevi]

^\||/



.