Paginador con Ajax

Tweet

Paginar las listas de elementos en páginas es un proceso relativamente sencillo, es muy útil para la navegación a través de las páginas (enlaces para los siguientes o anteriores elementos).

Cuando utilizamos un paginador de páginas es porque entendemos que la cantidad de elementos que queremos cargar es demasiado grande.

Con la llegada de Ajax podemos programar paginadores con controles mucho más intuitivos, como puede ser el scroll del ratón.

Muchos usuarios de Firefox ya habrán probado esta técnica con GoogleAutoPager una pequeña extension que muestra (en la misma página, manteniendo el contenido anterior) la siguiente página de los resultados de google cuando detecta que llegamos al final de la página actual..

De igual manera con este script cuando el scroll llega a la parte inferior de la pantalla se carga la siguiente página de resultados, mediante una llamada a Ajax que carga los resultados en un segundo plano.

Si no entiendes como funciona echa un vistazo a esta pequeña demostración.

Demo paginador Ajax

Este ejemplo funciona con listas y tambien con tablas, y es compatible para IE y Firefox.

Puedes ver el código completo en Symfony Project