私はtwitterブートストラップとwill_paginateを使用しています。データベース内のすべてのラップトップを表示するインデックス機能を備えたラップトップMVCがあります。また、ページに非表示のフォームがあり、ユーザーは価格範囲を入力でき、AJAX呼び出しを介してその価格範囲のラップトップのみが表示されます。Railscastエピソード#114(改訂版)をフォローしようとしていますが、コードが価格帯のものと競合しており、修正方法がわかりません。以下のコード:
index.js.erb
$("#laptops").html("<%= escape_javascript(render(@laptops)) %>");
$("#laptops").append('<%= j render(@laptops) %>');
$('.pagination').replaceWith('<%= j will_paginate(@laptops) %>');
Laptops.js.coffee
jQuery ->
if $('.pagination').length
$(window).scroll ->
url = $('.pagination .next_page').attr('href')
if url && $(window).scrollTop() > $(document).height() - $(window).height() - 100
$('.pagination').text('Fetching more results...')
$.getScript(url)
$(window).scroll
index.html.erb
<div id="hidden_form">
<%= form_tag laptops_path, :method => :get, :remote => true do %>
<%= hidden_field_tag "min_price", params[:min_price] %>
<%= hidden_field_tag "max_price", params[:max_price] %>
<%= submit_tag "Get Laptops", class: "btn btn-primary", :name => nil %>
<% end %>
</div>
<div class="laptops" id="laptops">
<%= render @laptops %> <%#use :locals => ... to send other vars to partial%>
</div>
<%= will_paginate %>
ラップトップコントローラー:
@laptops = Laptops.search(min,max).paginate(page: params[:page], per_page: 10)