对同一模型的多个组使用ajax分页will_paginate

问题描述

| 我已经使用mislav-will_paginate和在这里找到的js来进行ajax分页工作：https://github.com/mislav/will_paginate/wiki/Ajax-pagination，但是我遇到了不确定如何处理的情况。我有多个组（相同模型），每个组都有许多分页的列表。我无法告诉哪个组在ajax分页调用中加载列表。这是我正在使用的代码：

function ajaxPagination(){
  var container = $(document.body)
  if (container) {
    container.observe(\'click\',function(e) {
      var el = e.element();
      if (el.match(\'.pagination a\')) {            
        new Ajax.Request(el.href,{ method: \'get\' })
        e.stop()
      }
    })
  }
}

<% @groups.each do |group| %>
   <% lists = group.lists.paginate(:page => params[:group_page],:per_page => 5) %>
   <% lists.each ....  %>
   <%= will_paginate lists,:params_name => \"group_page\" %>
<% end %>

    

解决方法

您需要改进JS才能知道您正在单击哪个\'group \'。

$(\"#<%= group %>\").html(\"<%= escape_javascript(render(\"group\")) %>\");

请参阅：http://railscasts.com/episodes/174-pagination-with-ajax或在以下网址阅读：http://asciicasts.com/episodes/174-pagination-with-ajax

$(\'.group\').click(function(){
    $.ajax({
       type: \"GET\",url: \"/group\",data: { \'group\' : $(this).attr(\'id\') }
       success: function(data){
         alert( \"Success\" );
       }
     });
});