質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Q&A

0回答

1016閲覧

ransack + ajax による絞り込み検索

sanezane

総合スコア91

Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

0グッド

0クリップ

投稿2019/06/09 07:49

#やりたいこと
検索窓に文字を入れたら検索結果の件数が表示されるやつ(以下イメージ)
イメージ説明

###上記のイメージでは仕様を満たしていない
検索は検索でボタン押下時のみにしたい。

#実装方法
1.hidden_fieldで検索窓を別で設置してそこからajaxで送ろうか?という考えで以下のようにremote falseremote trueの検索フォームを設置している。(ちょっとダサいけどこれしか思い浮かばない)

ruby

1 2.row #通常の検索フォーム 3 = search_form_for @search, remote: false, id: "search_form", url: questions_path do |f| 4 = f.text_field :title_cont, placeholder: Settings.service.ransack_placeholder, class: 'form-control col mr-sm-2' 5 = f.submit class: 'btn btn-success my-2 my-sm-0' 6 # 隠してある検索フォーム(こちらに通常の検索フォームの値をコピーしajaxで検索して件数を拾おうか 7 = search_form_for @search, remote: true, id: "search_form_hidden", url: questions_path do |f| 8 = f.hidden_field :title_cont 9 = f.submit class: 'btn btn-outline-success' 10 coffee: 11 $ -> 12 $("#search_form").keyup -> 13 14 # 検索フォームに入力された値をhidden_field(隠してある検索フォーム)へコピー 15 form_val = $("#q_title_cont").val(); 16 hidden_form_val = $("#search_form_hidden").val(form_val); 17 console.log("hidden_form_val============="); 18 # ここで検索フォームに入力された値をhiddenにコピーできているかを確認している。 19 console.log(hidden_form_val.val()); 20 21 $("#search_form_hidden").find("input[type='submit']").click() 22 $('#search_form_hidden').on 'ajax:success', (event) -> 23 #ajax通信が成功したら件数をpタグかなんかに設定する処理を実装予定 24

わからないこと

1.そもそもこの実装方針で良いのか
2.良いとしたら、hiddenからのsubmitの時だけ件数を取得したいのでコントローラで判断する必要があるがその判断する方法がわからない。
以下現状のコントローラ(普通の検索)

applicationcontroller

1普通の検索の場合 2 3def set_search 4 # viewの検索窓からの入力値(今回はタイトル(後述))をキーに検索オブジェクトを作成 5 @search = Question.ransack(params[:q]) 6 # resultメソッドで結果を得られる(ページングを指定している) 7 @questions = @search.result.page(params[:page]).per(Settings.service.PER).order('updated_at DESC') 8 9

■ajaxを判断して件数を返す(の途中のやつ)

applicationcontroller

1ajaxを判断して返す場合 2 3def set_search 4 # viewの検索窓からの入力値(今回はタイトル(後述))をキーに検索オブジェクトを作成 5 @search = Question.ransack(params[:q]) 6 # resultメソッドで結果を得られる(ページングを指定している) 7 @questions = @search.result.page(params[:page]).per(Settings.service.PER).order('updated_at DESC') 8 9 # ajaxで送られた場合にはjsonを変えす 10 unless #ここでajaxかの判断をして件数を返したい(件数だからjsonじゃなくても良い?) 11 render json: @questions 12 end 13 end 14 15 16

###まだ自分の中でまとまってないので随時質問を綺麗にしていきますスミマセん。
ご指摘いただけると嬉しいです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問