显示分页 AJAX 列表结果中的单个项目的模式，仅适用于第一页

Question

我有一个包含 100 多个成员列表的索引（例如），其中 AJAX 分页显示 20/页。分页和列表更新正常。

问题：

模式也可以正常工作但仅适用于第一页。如果我关闭“remote: true”，则模式在每个页面上都有效。

目前的代码：

controller/members_controller.rb

class MembersController < ApplicationController
  def index
    @members = Member.all.page(params[:page]).per(20)

    respond_to do |format|
      format.js
      format.html
    end
  end
end

views/members/index.html.erb

<table>
  <thead>
    <tr>
      <th>name</th>
      <th>modal button</th>
    </tr>
  </thead>
  <tbody id="members">
    <%= render @members %>
  </tbody>
</table>

<%= paginate @members, window: 2, remote: true %>

views/members/index.js.erb

$('#paginator').html('<%= j paginate @members %>');
$('#members').html('<%= j render partial: @members %>');

views/members/_member.html.erb

<tr>
  <td><%= member.name %></td>
  <td><button uk-toggle="target: <%= "#modal-member-#{member.id}" %>">OK</button></td>
</tr>

<div id="<%= "modal-member-#{member.id}" %>" uk-modal>
  <p>Some more random infos</p>
</div>

如果您需要更多信息，请尽管询问。我正在使用 UIkit3 框架。

Answer 1

class MembersController < ApplicationController
  def index
    params[:page] ||= 1 #add this on line of code
    @members = Member.all.page(params[:page]).per(20)

    respond_to do |format|
      format.js
      format.html
    end
  end

结束

index.js.erb 的变化我认为你不需要在 js 文件中传递remote:true

$('#paginator').html('<%= j paginate(@members, remote: true) %>');
$('#members').html('<%= j(render partial: @members) %>');