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

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

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

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

解決済

【Ruby on Rails】検索結果(モーダル形式の検索画面)を、呼出し画面上に返したい

pecchan
pecchan

総合スコア13

Ruby on Rails

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

1回答

0評価

0クリップ

2796閲覧

投稿2017/04/30 04:39

編集2022/01/12 10:58

ransackで「社員検索画面」を作りました。
この画面を共有利用するため、ポップアップ形式にしました。

ポップアップ表示→検索→結果を返す所で詰まりました。

【ビューファイルの構成をどうすべきか分からない】
bootstrap modalの関係上、呼出し元画面の表示時には社員検索画面もレンダリングしてます。
なので検索画面のビューレンダリング用(_index.html)の形にしました。

ただ、これだと結果を返す時にデフォルトのtemplateが無いのでエラーなりました。

回避策として、_index.htmlと同一内容でindex.htmlを置けばエラー回避出来ました。
しかしながら、同一内容のファイルを作るなど、これは絶対に違うと思い。

EmployeeSelectorsControllerで
render '_index'
としてデフォルトテンプレートとレンダリング用と同じものを使うようにしました。
ですが、これも何だか違う気がしてます。

こういった要件の場合どうすれば良いか分からず・・・orz

ひとまずこれで結果も表示出来ましたが、これだと結果が別画面に遷移してしまい、
ポップアップでなくなります。
http://localhost:3000/に居たいのに、
http://localhost:3000/employee_selectors/index に飛んでしまう
ということです

これはよくよく考えたら検索ボタンでのアクションが
employee_selectors/index
になってるから当然なのですが、

じゃあどうするかで、
検索ボタンでのアクションを
top/search
などにすれば良いのでしょうか?

うーん
何だか複雑になってきました。

このような場合、どういう構成にすべきでしょうか?

アドバイスどうか宜しくお願い致します。

コントローラ

ruby

class TopController < ApplicationController def index @q = Employee.search @employees = @q .result .order(emp_code: :asc) #.decorate end end

ruby

class EmployeeSelectorsController < ApplicationController def index @q = Employee.search(params[:q]) @employees = @q .result .order(emp_code: :asc) #.decorate render '_index' end end

ビュー
呼出し元

ruby

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 社員検索 </button> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <%= render 'employee_selectors/index' %> </div>

_index.html

ruby

<% content_for(:title) do %> <h1>社員検索</h1> <% end %> <%= search_form_for(@q, url: '/employee_selectors/index', html: { method: :get, class: 'form-horizontal', role: 'form' }) do |f| %> <%= render 'search_form', f: f %> <% end %> <%= render layout: 'shared/search_result_box' do %> <table class="table table-list "> <thead> <tr> <th>社員コード</th> <th>社員名</th> </tr> </thead> <p>カウント:<%= @employees.count %></p> <% @employees.each do |employee| %> <tbody> <tr> <td><%= employee.emp_code %></td> <td><%= employee.emp_name %></td> </tr> </tbody> <% end %> </table> <% end %> ``` _search_form.html ```ruby <%= render layout: 'shared/search_box' do %> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <label class="col-sm-4 control-label" for="">社員コード</label> <div class="col-sm-8"> <%= f.text_field :emp_code_cont, class: 'form-control' %> </div> </div> <div class="form-group"> <label class="col-sm-4 control-label" for="">社員名</label> <div class="col-sm-8"> <%= f.text_field :emp_name_cont, class: 'form-control' %> </div> </div> </div> <div class="col-sm-12 row text-center"> <%= link_to '/employee_selectors/index', class: 'btn btn-default btn-left' do %>クリア<% end %> <button class="btn btn-default btn-primary" type="submit"><i class="fa fa-search"></i> 検索</button> </div> </div> <% end %> ```

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

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

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

Ruby on Rails

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