通过Ajax与kaminari进行多重分页

时间:2012-01-26 10:43:26

标签: ajax ruby-on-rails-3 pagination kaminari

我想通过Ajax对Kaminari应用多个分页现在这里是我的控制器代码

def user_note
    @user = current_user
    @notes = Bookmark.where('user_id = ? && note is not NULL',current_user.id).order('created_at DESC').page(params[:page_1]).per(4)

    @bookmarks = Bookmark.where('user_id = ? && note is NULL',current_user.id).order('created_at DESC').page(params[:page_2]).per(4)

    respond_to do |format|
      format.html
      format.xml{ render :xml => @user}
    end   end

现在对于视图我有两个部分来渲染这个数组

<div id="bookmarks">
<%= render :partial =>"users/bookmark",:locals => { :bookmark => @bookmarks} %>
            </div>
<%= paginate @bookmarks,:remote => true, :param_name => 'page' %>

内部部分是

<% bookmark.each do |bookmar| %>
  <%= render :partial => 'show_bookmark.html.erb' , :locals => { :bookma => bookmar} %>
<%end%>
用于分页更新的

脚本正在单独的文件中处理

$('#bookmarks').html('<%= escape_javascript render(:partial =>"users/bookmark",:locals => { :bookmark => @bookmarks}) %>');
$('#paginator').html('<%= escape_javascript(paginate(@bookmarks, :remote => true).to_s) %>');

但是通过做所有事情它不会更新到页面状态既不包含在页面中。

3 个答案:

答案 0 :(得分:16)

你错过了在这一行传递参数

$('#paginator').html('<%= escape_javascript(paginate(@bookmarks, :remote => true).to_s) %>');

我认为应该是这样的

$('#paginator').html('<%= escape_javascript(paginate(@bookmarks, :remote => true, :param_name => 'page_2').to_s) %>');

你也在这一行传递了错误的参数

<%= paginate @bookmarks,:remote => true, :param_name => 'page' %>

应该是这样的

<%= paginate @bookmarks,:remote => true, :param_name => 'page_2' %>

并且还请检查您是否正确地将响应发送到JS文件。

答案 1 :(得分:5)

我发现这个问题是在同一页面上搜索多个模型的分页。我不清楚@notes集合的分页是如何工作的,但如上所述,解决方案只会通过AJAX对@bookmarks集合进行分页。

如果您想通过html维护两个集合的分页,或者如果您更改js文件以呈现两个集合,则会出现问题。

我实现了类似问题的解决方案:

  1. 一个html视图,用于呈现具有两个部分的模板:一个用于@notes(包括其分页助手),另一个用@bookmarks呈现其分页帮助
  2. 标有remote: true
  3. 的分页链接
  4. 重新呈现两个部分的一个js视图,类似于

    $('#notes_container').html('<%= j(render partial: 'paginated_notes_list') %>');
    $('#bookmarks_container').html('<%= j(render partial: 'paginated_bookmarks_list'); %>');
    
  5. 这是关键:将其他模型的当前页面作为参数的分页链接。这样,您就不会“丢失”您在其他模型中使用的页面。

    <%= paginate @notes, param_name: 'page_1', params: {page_2: params[:page_2]} %>
    <%= paginate @bookmarks, param_name: 'page_2', params: {page_1: params[:page_1]} %>
    
  6. 同样,我对提问者的系统应该如何运作并不是很清楚,但是这个解决方案将允许用户通过两个模型进行翻页,而不会通过AJAX或html在其他模型中丢失它们的“位置”。

答案 2 :(得分:2)

您可以查看此链接。

https://github.com/amatsuda/kaminari_example/tree/ajax 这可能会对你有帮助。