Question

我正在使用twitter bootstrap和will_paginate。我有一个带索引功能的笔记本电脑MVC，可以显示数据库中的所有笔记本电脑。我还在页面上有一个隐藏的表单，允许用户输入价格范围，并且只通过AJAX调用显示该价格范围内的笔记本电脑。我正在尝试按照Railscast Episode＃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)

Rails 3 Endless页面，将在页面上与其他AJAX一起拼写

0 个答案: