通过 Ajax 使用 kaminari 进行多分页

Question

我想通过 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) %>');

但是通过做每件事它不是更新到页面状态既不包含在页面中。

Answer 1

您缺少在这一行传递参数，

$('#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 文件。

Answer 2

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

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

我为我的类似问题实现了一个解决方案，如下所示：

1. 一个 html 视图，它呈现具有两个部分的模板：一个用于 @notes （包括其分页助手），另一个呈现 @bookmarks 及其分页助手
2. 标有 remote: true 的分页链接

3. 一个重新渲染两个部分的 js 视图，类似于

   $('#notes_container').html('<%= j(渲染部分:'pagination_notes_list') %>');
   $('#bookmarks_container').html('<%= j(渲染部分:'pagination_bookmarks_list'); %>');
   

4. This is the key: Pagination links that take the current page of other model 作为参数。这样您就不会“丢失”您在其他模型中所在的页面。

   <%= 分页@notes, param_name: 'page_1', params: {page_2: params[:page_2]} %>;
   <%= 分页@bookmarks, param_name: 'page_2', params: {page_1: params[:page_1]} %>
   

再说一遍，我不太清楚提问者的系统应该如何运作，但这个解决方案将允许用户通过 AJAX 或 html 翻阅两个模型，而不会丢失他们在另一个模型中的“位置”。