モデルの検索結果をkaminariでもっと見る機能で表示した際に、検索結果ではなく全体が表示される

Question

いつもお世話になっております。

タイトル通りなのですが、controller側でモデルの検索結果をクエリパラメータの条件により絞り込み、view側にモデルを渡しそれを表示しています。
表示はページングgemであるkaminariを使用しており、「もっと見る」を押すと5件ずつ表示されていきます。
ごちゃごちゃと処理をしてしまっていますが、最終的に@itemsはActiveRecord形式であり、実際に表示させたいデータとなります。

モデル全体が30行あり、コントローラーで10件に絞り込んだ場合、最初の表示で5件、「もっと見る」を押すと絞り込んだ残りの5件が表示されることを想定しているのですが、現状のままだともっと見るを押した際に、全体の30件のデータから2ページ目の5つ分のレコードを取ってきてしまいます。

javascript内でpryで止めてみると、「もっと見る」が押された場合にクエリパラメータにはpage=2の情報しか渡されていませんでした。

kaminariの自動生リンクである↓
<%= link_to_next_page @items, 'もっと見る', remote: true, id: 'more_link' %>

に、検索などのパラメータを渡すにはどのようにすればよいのでしょうか。

参考になるサイトでも構いませんので、適切な方法をご教示いただけますと幸いです。
よろしくお願いいたします。

環境
Amazon Linux release 2 (Karoo)
Rails 5.2.3
Ruby version: 2.6.1

# xxxx.controller.rb
def show
    @items_tmp = []
    if !params[:jouken1].nil?
      # 絞り込み処理 User.where(xxx: yyyy) など
      
    end

    if !params[:jouken2].nil?
      # 絞り込み処理 User.where(xxx: yyyy) など

    end

　　・
　　・
　　・

    # 配列をActivereecordに戻す
    @items = @items_tmp .first.class.where(id: arr.map(&:id)).page(params[:page]).per(5).order(created_at: "DESC")

   render "xxxxx/show"

end



# show.html.erb
<%= render 'items' %>
<%= link_to_next_page @items, 'もっと見る', remote: true, id: 'more_link' %>



# _items.html.erb
<% @items.each do |item| %>
  <% item.id %>
  <% item.name %>
  ・
　・
　・
<% end %>



# show.js.erb
$('#items').append("<%= escape_javascript(render 'items', object: @items) %>");
$("#more_link").replaceWith("<%= escape_javascript(link_to_next_page(@items, 'もっと見る', remote: true, id: 'more_link')) %>");
<%# binding.pry %>

Answer 1

view内のもっと見るを作成するメソッド「link_to_next_page」の引数に以下のような形でパラメータを付与することで、解決いたしました。

show.html.erb
<%= link_to_next_page @items, 'もっと見る', remote: true, id: 'more_link', params: params.permit! %>

Answer 2

私でしたら、

1. 10件すべて取得する
2. view側で6件目以降はCSSで非表示にする
3. CSS or JavaScriptで「もっと見る」を押したら、6件目以降を表示する

で実装しますかね

■追記
「もっと見る」のAjaxの実装は済んでいましたね。見落としていました。
現状だとAjaxで取得してもrenderが実行されてしまっているので新しい5件のみ表示されるようになっています。
Ajaxの時はrenderしないようにする必要があります。

format.jsなどを使ってAjaxの時はjsファイルを実行するように変更してみてください。

Comments

[lyzmfeqpxs54]

ご回答ありがとうございます。

現在は実験の段階で、30件程度としていますが、実際の件数は1000件以上を想定しており、仕様上、ページネーションではなく「もっと見る」での実装で進めたいと考えています。

[necocoa]

もっと見るの実装は済んでいましたね、気づいていませんでした。
追記したのでご確認ください！

[lyzmfeqpxs54]

度々のご回答ありがとうございます。
format.jsでというのはコントローラーのshow内で以下のような処理をするイメージでしょうか。
「もっと見る」が押された場合の動きは、コントローラー→jsファイルの流れだと思っており、以下のような形にした場合でも、現状showの一番上でpryで止めた段階で検索パラメータが来ていないので検索で絞った内容の続きの表示ができないような気がしてしまいます。
こちらの勘違いでしたら申し訳ございません。

respond_to do |format|
format.html do
render 'xxxx/show'
end
format.js do

end
end

[lyzmfeqpxs54]

necocoa様、度々のご回答ありがとうございました。

link_to_next_page の引数に、params: params.permit!を渡してあげることで解決できました。
ご迷惑おかけして申し訳ありません。

また何かありました際に、ご教示いただけますと幸いです。