javascript - will_paginate con desplazamiento sin fin | Rails4

ruby-on-rails twitter-bootstrap

Question

ESTA ES LA SOLUCIÓN

Así que estoy usando will_paginate / Bootstrap Will Paginate con Endless Scrolling .

Para que la Paginación funcione:

1.) En mi controlador actualicé mi acción de índice con

@clips = Clip.order("created_at desc").page(params[:page]).per_page(20)

2.) Editar mi vista de índice:

<%= will_paginate @clips%>

HECHO

La paginación funciona bien.

To Add Endless scrolling hice los mismos pasos que en mi aplicación Rails 3 anterior.

1.) Edita mis clips.js.coffee

jQuery ->
$(''#clips-masonry'').imagesLoaded ->
$(''#clips-masonry'').masonry itemSelector: ".clips-masonry" # Thats my Masonry
if $(''.pagination'').length # Thats for the Endless Scrolling
$(window).scroll ->
url = $(''.pagination .next_page a'').attr(''href'')
if url && $(window).scrollTop() > $(document).height() - $(window).height() - 50
# What to do at the bottom of the page
$(''.pagination'').text("Fetching more Clips...")
$.getScript(url)
$(window).scroll()

2.) Crea un index.js.erb con:

$boxes = $(''<%= j render(@clips) %>'')
$(''#clips-masonry'').append( $boxes ).imagesLoaded( function(){
$(''#clips-masonry'').masonry( ''reload'');
});
<% if @clips.next_page %>
$(''.pagination'').replaceWith(''<%= j will_paginate(@clips) %>'');
<% else %>
$(''.pagination'').remove();
<% end %>

3.) Se agregó format.js a mi acción índice de controlador

def index
@clips = Clip.order("created_at desc").page(params[:page]).per_page(12)
respond_to do |format|
format.html
format.js
end
end

4.) Mi _clip.html.erb está envuelto con el div

 <div class="clip-box clips-masonry" data-no-turbolink>

Answer 1

Ok, lo tengo trabajando con mi Pregunta actualizada, todos los que tropiezan con este problema, Esta es la solución.