Paginación con ordenación por columna y buscador

nuria — Thu, 03 Apr 2008 16:22:27 +0000

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:

PLAIN TEXT

PHP:

var $paginate = array('limit' =>10, 'page' =>1, 'order'=>array('Modelo.campo ASC'))
var $components = array('RequestHandler');

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:

PLAIN TEXT

PHP:

function admin_listar()
{
if(!$this->RequestHandler->isAjax())
{
$this->set('llamada_ajax', 0);
$this->Session->del($this->name.'.search');
}if (isset($this->data['Modelo']['cadena_busqueda']))
{
$str = trim($this->data['Modelo']['cadena_busqueda']);
} elseif (!empty($this->data['Modelo']['cadena_busqueda']) &&
$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 = '';
if (isset($str))
{
$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"):

PLAIN TEXT

PHP:

if (!$llamada_ajax)
{
echo $form->create('Modelo',array('action'=>'', 'id'=>'buscar'));
echo $form->input('Modelo.cadena_busqueda', array('id'=>'cadena_busqueda', 'label'=>'Búsqueda')); $options = array('frequency'=>'2', 'url' => 'listar', 'update' => 'listado',
'loading' => 'Element.show(\'LoadingDiv\')',
'complete' => 'Element.hide(\'LoadingDiv\')')
echo $ajax->submit('Buscar',$options);
echo $form->end();
echo $html->div(null, $html->image('ajax-loader.gif'), array('id'=>'LoadingDiv', 'style'=>'display: none;'))
}
$paginator->options( array('update'=>'listado',
'url'=>array('controller'=>'nombre_controlador', 'action'=>'listar') ,
'indicator' => 'LoadingDiv'));
if (count($resultado)>0)
{
echo "Página ".$paginator->counter(array('separator'=>' de '));
echo $html->table('listado');
echo "";
echo "".$paginator->sort('Título cabecera', 'campo_modelo')."";
echo "";
foreach ($resultado as $elemento)
{
echo $html->tableCells( array ($elemento['Modelo']['campo_modelo']) );
}
echo $html->tableEnd();
echo $paginator->prev('Página anterior');
echo $paginator->numbers(array('separator'=>' - '));
echo $paginator->next('Página siguiente');
} else {
echo $html->para('clase','No se han encontrado resultados.');
}

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.

Blog cakephp en español por Hospedaxes » request handler

Paginación con ordenación por columna y buscador