2010-10-12 18 views
7

¿Hay algún plugin/gema o una manera fácil de lograr una funcionalidad de paginación como Twitter?Paginación de Ajax como Twitter

Esto significa, mostrando un botón "Más" que muestra más publicaciones (por ejemplo) a continuación una vez que se hace clic, utilizando Ajax.

Si hay alguna manera fácil de modificar algo del complemento will_paginate, eso sería útil también.

Respuesta

1

El wiki del proyecto will_paginate tiene an entry on Ajax pagination. Es realmente bastante sencillo.

+0

Sí. Lo he intentado, pero aunque funciona, cuando hago clic en cualquiera de las páginas del complemento, usando firebug, he visto que está ejecutando muchas llamadas ajax ... ¿sabes por qué puede suceder esto? –

+0

No, yo no. Tendría que ver su implementación y las llamadas que está haciendo. –

1

utilizo la paginación similar a Twitter en una de mis aplicaciones, por lo que sólo le punto de que:

http://github.com/tsigo/jugglf/blob/master/lib/twitter_pagination.rb - Ganchos en will_paginate para mostrar el botón "Más"

http://github.com/tsigo/jugglf/blob/master/app/views/members/raids/index.html.haml - La vista utilizando el procesador de arriba

http://github.com/tsigo/jugglf/blob/master/app/views/members/raids/index.js.erb - la vista RJS que anexa la siguiente serie a la página

+0

¿Podría decirme cómo usarlo? He agregado los tres archivos pero todavía está funcionando. Creo que me estoy perdiendo algo. –

+0

Bueno ... sí, esos son solo ejemplos. Por supuesto que no van a funcionar si los dejas caer. –

+0

¿Podrías explicarme cómo funciona eso, por favor? –

3

he añadido un botón similar a Twitter 'más' en la aplicación Actualmente estoy trabajando. Utilicé el método exacto de http://railscasts.com/episodes/114-endless-page.

En esta solución, más resultados se agregan a la parte inferior del div una vez que se desplaza hacia abajo hasta la parte inferior de la página, lo que resulta en una página sin fin. Cambié el javascript para que enviara la solicitud ajax para agregar más resultados al final del div solo cuando se hace clic en el botón "cargar más".

Cuestiones relacionadas