¿cómo puedo añadir un paginador?
Lei el tutorial del CRUD de un catálogo de contactos esta muy bueno, me gustaría que alguien me ayude a ponerle un paginador, la verdad es que no dominio la forma en que envian y recojen la información, aqui dejo el link del ejemplo que no tiene un páginador hasta el momento, gracias por su ayuda de antemano.
http://www.quizzpot.com/2010/10/crud-de-un-catalogo-de-contactos/
simplemente tienes que crear una instancia del paginador, debe usar el mismo store y luego simplemente lo despliegas en el tbar o bbar.
Saludos
al principio me costó entender un poco como hacerlo funcionar pero después resulta sencillo, tomando el mismo ejemplo que comentas le realizaremos algunso cambios al archivo crud.js:
//agregamos al store algunos parámetros que necesitaremos en el lado del servidor
this.storeGrid.load(
{
params: {
start: 0,
limit: 1
}
}
);
//agregamos un paginador con el mismo store del grid
this.paginador = new Ext.PagingToolbar({
store : this.storeGrid,
pageSize: 1, //esta es la cantidad de resultados que queremos por pagina
displayInfo: true
});
//luego modificamos el grid agregándole el paginador como bbar
this.grid = new Ext.grid.EditorGridPanel({
store : this.storeGrid,
columns : [
sm,
{header:'E-mail', dataIndex:'email',sortable: true,width:150,editor:textFieldEmail},
{header:'Name', dataIndex:'first',sortable: true, editor:textField},
{header:'Lastname', dataIndex:'last',sortable: true, editor:textField}
],
sm : sm,
border : false,
stripeRows : true,
bbar: [this.paginador] //aquí el paginador
});
luego hay que hacer algunas modificaciones por el lado del servidor, osea en el php, tenemos el archivo getContacts.php
$row["id"],
"first" => $row["firstName"],
"last" => $row["lastName"],
"email" => $row["email"],
));
}
/* agregarmos el valor de total al JSON */
echo json_encode(
array(
"success" => true,
"total" => $total,
"data" => $data
));
espero que esto te ayude un poco :)
¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook
Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.