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

Question

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

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

【ビューファイルの構成をどうすべきか分からない】
bootstrap modalの関係上、呼出し元画面の表示時に社員検索画面もレンダリングしておく必要があり。
なので検索画面のビューは、パーシャル(_index.html)で展開させました。

これで検索まではOKですが、検索結果を返す時にデフォルトのビューが無いのでエラーなりました。

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

EmployeeSelectorsControllerで
render '_index'
としてデフォルトのビューと、パーシャルを同じものを使うようにしました。
ですが、これも何だか違う気がしてます。

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

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

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

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

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

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

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

コントローラ

class TopController < ApplicationController
  def index
		@q = Employee.search

	  @employees = @q
	  	.result
	    .order(emp_code: :asc)
	    #.decorate
  end


end

class EmployeeSelectorsController < ApplicationController

  def index
		@q = Employee.search(params[:q])

	  @employees = @q
	  	.result
	    .order(emp_code: :asc)
	    #.decorate

		render '_index'
  end

end

ビュー
呼出し元

<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

<% 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 %>
```

Answer 1

こういう場合は、呼び出し元の、URLを記憶しておいて
そこの(index?)をrenderするのがいいのではないでしょうか
そうするとclient_selectorが使いまわせます。
一つ目は単純に

    <%= search_form_for(@q, url: '/employee_selectors/index', html: { method: :get, class: 'form-horizontal', role: 'form' }) do |f| %>
      <%= render 'search_form', f: f %>
    <% end %>

に呼び出し元のcontrolerとactionを埋め込み一緒にポストする
二つ目は
request.referer
を使ってcontroller側で元URL取得する。
です、refererはブラウザ側の機能ですが、
現在は標準機能ですので、２つ目をオススメします。

Comments

[pecchan]

moke様

いつも有難う御座います。

2つも方法を教えていただき有難う御座います。
理解するためにどちらの方法も試している所です。

一つ目の方
トップページから呼んでいるので
'/employee_selectors/index'
を
root_path
に変更しました。
呼出し元ページから移動しなようになりましたが、
検索後にモーダルが閉じてしまうため、戻った際も開かなくてはと思っています。

二つ目の方
request.referer
最終的にこちらの方法で実装させていただきます。

有難う御座いました！

[moke]

いえいえ
Rails5.1が正式リリースされたので
三つ目の方法も提示したかったのですが
当方、まだ勉強不足でして...。
Rails5.1はこの件に関してなにやらすごいことができそうです。

[pecchan]

moke様

もう5.1ですか・・・(*_*)))
当分追いつけません(泣)

Directed routesとResolved routesとういうやつですか！？
私にはさっぱりです(泣)

[pecchan]

moke様

出来ました(;口;)
感動！
報告まででした。
有難う御座います。