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
などにすれば良いのでしょうか?
うーん
何だか複雑になってきました。
このような場合、どういう構成にすべきでしょうか?
アドバイスどうか宜しくお願い致します。
コントローラ
ruby
1class TopController < ApplicationController 2 def index 3 @q = Employee.search 4 5 @employees = @q 6 .result 7 .order(emp_code: :asc) 8 #.decorate 9 end 10 11 12end
ruby
1class EmployeeSelectorsController < ApplicationController 2 3 def index 4 @q = Employee.search(params[:q]) 5 6 @employees = @q 7 .result 8 .order(emp_code: :asc) 9 #.decorate 10 11 render '_index' 12 end 13 14end 15
ビュー
呼出し元
ruby
1<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 2社員検索 3</button> 4 5<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 6<%= render 'employee_selectors/index' %> 7</div>
_index.html
ruby
1<% content_for(:title) do %> 2 <h1>社員検索</h1> 3<% end %> 4 5 <%= search_form_for(@q, url: '/employee_selectors/index', html: { method: :get, class: 'form-horizontal', role: 'form' }) do |f| %> 6 <%= render 'search_form', f: f %> 7 <% end %> 8 9 10<%= render layout: 'shared/search_result_box' do %> 11 <table class="table table-list "> 12 <thead> 13 <tr> 14 15 <th>社員コード</th> 16 <th>社員名</th> 17 18 </tr> 19 </thead> 20 21 <p>カウント:<%= @employees.count %></p> 22 <% @employees.each do |employee| %> 23 <tbody> 24 <tr> 25 26 <td><%= employee.emp_code %></td> 27 <td><%= employee.emp_name %></td> 28 29 </tr> 30 </tbody> 31 <% end %> 32 33 34 </table> 35 36<% end %> 37``` 38 39_search_form.html 40```ruby 41<%= render layout: 'shared/search_box' do %> 42<div class="row"> 43 <div class="col-sm-6"> 44 <div class="form-group"> 45 <label class="col-sm-4 control-label" for="">社員コード</label> 46 <div class="col-sm-8"> 47 <%= f.text_field :emp_code_cont, class: 'form-control' %> 48 </div> 49 </div> 50 <div class="form-group"> 51 <label class="col-sm-4 control-label" for="">社員名</label> 52 <div class="col-sm-8"> 53 <%= f.text_field :emp_name_cont, class: 'form-control' %> 54 </div> 55 </div> 56 </div> 57 58 <div class="col-sm-12 row text-center"> 59 <%= link_to '/employee_selectors/index', class: 'btn btn-default btn-left' do %>クリア<% end %> 60 <button class="btn btn-default btn-primary" type="submit"><i class="fa fa-search"></i> 検索</button> 61 </div> 62 63</div> 64 65<% end %> 66```
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/01 02:46
2017/05/01 02:59 編集
2017/05/01 03:25
2017/05/01 06:35 編集