- Código: Seleccionar todo
var sUrl = '/wp-content/uploads/tables/TCgpcars.xml';
Ext.onReady(function(){
var Person = Ext.data.Record.create([
{name: 'Pos'},
{name: 'Nro'},
{name: 'Piloto'},
{name: 'Marca'},
{name: 'Puntos'}
]);
var reader = new Ext.data.XmlReader({
record: 'ChampData',
totalRecords: 'TotalRecord',
totalProperty: 'TotalRecord',
id: 'Pos',
}, Person);
//creates the Ext.data.Store
var store = new Ext.data.Store({
url: sUrl,
totalProperty: 'total',
reader: reader //setting the reader
});
var pager = new Ext.PagingToolbar({
store: store, // <--grid and PagingToolbar using same store (required)
displayInfo: true,
displayMsg: '{0} - {1} of {2} Cities',
emptyMsg: 'No cities to display',
pageSize: 6
});
// create the grid
var grid = new Ext.grid.GridPanel({
store: store, //le asignamos la fuente de datos
columns: [ //creamos las columnas
{header: "Pos.", width: 38, dataIndex: 'Pos', type: 'string'},
{header: "Nro", width: 35, dataIndex: 'Nro', type: 'string'},
{header: "Piloto", width: 100, dataIndex: 'Piloto', type: 'string'},
{header: "Marca", width: 60, dataIndex: 'Marca', type: 'string'},
{header: "Ptos", width: 40, dataIndex: 'Puntos', type: 'int'}
],
renderTo:'gridpanel',
width:540,
height:200,
bbar: pager, // <--- Barra de paginación
border: false, //le quitamos el borde
stripeRows: true //le asignamos rayas a las filas
});
store.load();
});
Principiante Ayuda con Grid paginados.
4 mensajes
• Página 1 de 1
|
Soy principiante y estoy aprendiendo como mostrar el contenido de un archivo xml en un grid, hasta ahi todo bien. El problema comienza cuando quiero ir mostrando de a grupos de registros (paginado), me muestra siempre todos los registros. Busque varios ejemplos y no encuentro el error, les dejo el codigo para ver si me pueden dar una mano, para los que llevan mas tiempo de manejo del codigo seguro se van a dar cuenta rapido. Mil Gracias.
|
|
|
el tema del paginado parece complicado al principio, pues a mi también me dio mas de un dolor de cabeza, pero es porque nadie explica claramente que la paginacion (la segmentación de datos) la debes hacer tu por el lado del servidor, es decir, tu código del lado del servidor debe arreglárselas para enviar la información segmentada, para eso el pagingtoolbar enviara 2 parámetros cada vez que le das al botón de sgte pagina o de pagina anterior: start y limit, segun como los hayas definido con los valores que estableciste.
espero te sea de utilidad (^_^) |
|
|
Hola tokkaido!!! gracias por responder. Ahora yo me hago una pregunta, en mi caso que estoy tomando los datos desde un archivo xml, (no los tomo de una base de datos), como hago para manejar las variables start y limit?... o quiza es que no lo puedo hacer tomando los datos de un archivo xml.
|
|
|
Honestamente no he trabajado nunca con archivos XML asi que poco puedo decirte sobre ello, pero puedes leer este hilo por si te aclara un poco las cosas:
http://extjses.com/viewtopic.php?t=771&p=9837 los datos start y limit los pasa el pagingtoolbar cuando le das a los botones de avanzar y retroceder via POST por lo que del lado del servidor puedes capturarlos con
bueno, en php por lo menos |
|
4 mensajes
• Página 1 de 1

