我想通过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) %>');
但是通过做所有事情它不会更新到页面状态既不包含在页面中。
答案 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文件以呈现两个集合,则会出现问题。
我实现了类似问题的解决方案:
@notes
(包括其分页助手),另一个用@bookmarks
呈现其分页帮助remote: true
重新呈现两个部分的一个js视图,类似于
$('#notes_container').html('<%= j(render partial: 'paginated_notes_list') %>');
$('#bookmarks_container').html('<%= j(render partial: 'paginated_bookmarks_list'); %>');
这是关键:将其他模型的当前页面作为参数的分页链接。这样,您就不会“丢失”您在其他模型中使用的页面。
<%= paginate @notes, param_name: 'page_1', params: {page_2: params[:page_2]} %>
<%= paginate @bookmarks, param_name: 'page_2', params: {page_1: params[:page_1]} %>
同样,我对提问者的系统应该如何运作并不是很清楚,但是这个解决方案将允许用户通过两个模型进行翻页,而不会通过AJAX或html在其他模型中丢失它们的“位置”。
答案 2 :(得分:2)
您可以查看此链接。
https://github.com/amatsuda/kaminari_example/tree/ajax 这可能会对你有帮助。