Paginación con ordenación por columna y buscador
Jueves, 3 Abril 2008
Hoy vamos a hablar de cómo introducir en nuestro diseño web la paginación en CakePHP 1.2, introduciéndole un buscador. Utilizaremos una tabla para visualizar los datos, añadiéndole la opción de ordenarla pinchando en las cabeceras.
Utilizaremos para ello el Paginator Helper que viene implementado en esta nueva versión y que, como veremos, hace muchísimo más fácil esta tarea.
Empezamos con el controlador. Lo primero que tenemos que hacer es añadir dos variables:
como vemos en las opciones del array, le especificamos en la variable limit el número de elementos por página, en page la página en la que empezamos y en order la ordenación inicial. El componente RequestHandler no sería necesario si no introducimos el buscador.
El siguiente paso es crear una función de la manera siguiente:
-
function admin_listar()
-
{
-
if(!$this->RequestHandler->isAjax())
-
{
-
$this->set('llamada_ajax', 0);
-
$this->Session->del($this->name.'.search');
-
{
-
$this->data['Modelo']['cadena_busqueda'] == '')
-
{
-
$this->Session->del($this->name.'.search');
-
} elseif ($this->Session->check($this->name.'.search')) {
-
$str = $this->Session->read($this->name.'.search')
-
} $condicion = '';
-
{
-
$condicion = "Modelo.campo LIKE \"%$str%\""; // Podemos poner la condición que nos interese
-
$this->Session->write($this->name.'.search', $str);
-
}
-
$this->set('resultado', $this->paginate('Modelo', $condicion));
-
-
if($this->RequestHandler->isAjax())
-
{
-
$this->set('llamada_ajax', 1);
-
$this->render('admin_listar', 'ajax');
-
}
-
}
Utilizaremos la sesión para guardar la cadena de búsqueda y no perderla cuando pulsemos en las cabeceras para la ordenación.
Y la vista sería ("admin_listar.ctp"):
-
if (!$llamada_ajax)
-
{
-
'loading' => 'Element.show(\'LoadingDiv\')',
-
'complete' => 'Element.hide(\'LoadingDiv\')')
-
-
-
}
-
-
'url'=>array('controller'=>'nombre_controlador', 'action'=>'listar') ,
-
'indicator' => 'LoadingDiv'));
-
-
{
-
-
echo "<thead class='cabecera'>";
-
echo "</thead>";
-
foreach ($resultado as $elemento)
-
{
-
}
-
-
} else {
-
}
Vemos aquí que es el propio Paginator Helper el que, con una simple llamada a la función sort, ya se encarga de hacer la ordenación de la columna alternando en cada click entre ascendente y descendente.
La función counter nos devuelve una cadena con la página en la que nos encontramos y el número total de páginas, en nuestro caso introducimos la cadena ' de ', entre ellas.
Y por último, las tres últimas funciones utilizadas, prev, numbers y next, nos muestran los enlaces a la página previa, a cada una de las páginas y a la página siguiente, respectivamente.
CakePHP 1.2 nos proporciona muchas más posibilidades y muchas otras opciones. Podemos obtener más información en la especificación de CakePHP 1.2 del Paginator Helper. Así como en la Bakery, en la que tenemos un artículo sobre la paginación básica y otro sobre la avanzada.