【发布时间】:2014-02-04 23:46:16
【问题描述】:
我有一个通过 Rails 部分呈现的 Bootstrap 模态,我需要与 new 和 edit Rails 视图共享此模态。在这部分中,有一些用户的列表,我需要对其进行检查,当用户保存它时,一个参数会根据用户的选择发送到主视图(新建或编辑)。此外,当从编辑视图中弹出它时,我需要这个部分来拥有已经选择的用户。 那么如何实现呢?
这是它的截图:
我需要在每个用户的选择列下有一个复选框,如果这样称呼它,也将选择的内容发送到“调用者视图”!
我的新视图中的代码
<div class="form-group">
<%= f.label :members %>
<span class="glyphicon glyphicon-user"></span>
<div class="row">
<div class="col-sm-6">
<% if user.empty? %>
<p>Cannot assign memebers<p>
<% else %>
<!-- Button trigger modal -->
<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal">
Select Members
</button>
<%= render 'layouts/select_user' %>
<% end %>
</div>
</div>
</div>
这里是名为"layouts/_select_user.html.erb"的局部视图
<!-- Bootstrap Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Select Available Members</h4>
</div>
<div class="modal-body">
<table class="table table-striped">
<tr>
<th>Select</th>
<th>Username</th>
<th>Job Title</th>
</tr>
<% User.where(:manager => false, :admin => false, :locked => false, :company_id => nil).each do |user| %>
<tr>
<td><%#= checkbox here %></td>
<td><%= link_to user.username.capitalize, edit_admin_user_path(user) %></td>
<td><%= user.job_title %></td>
</tr>
<% end %>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
【问题讨论】:
-
如果您询问如何完成此操作,向我们提供一些您尝试过的视图和控制器代码可能会有所帮助。
标签: ruby-on-rails ruby-on-rails-4 partial-views