Rails 中带有搜索按钮的下拉列表

Question

我有一个包含以下集合的客户模型：

@doctors =  Customer.joins(:user).where(users: {role: User.roles[:doctor]}) 

将用户角色为“医生”的用户表和客户表连接起来。

目前在我的客户索引视图中，我列出了所有客户，现在我想使用带有搜索按钮的下拉列表添加搜索过滤器，其中列表包含医生的名字。如果我按下搜索按钮，它应该只显示由从下拉列表中选择的特定医生创建的客户。

1.如何添加仅显示医生名字的带有搜索按钮的下拉列表？

---

2.当我从下拉列表中选择特定医生并点击搜索按钮时，如何过滤我的客户列表？

---

<div class="btn-group">
            <button type="button" class="btn btn-success btn-sm"><b>Search By Dr.</b></button>
            <button type="button" class="btn btn-success btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            	<span class="caret"></span>
            	<span class="sr-only">Toggle Dropdown</span>
            </button>
            <ul class="dropdown-menu">

              <li><a href="#">List All Customers</a></li>
            <% @practices.each do |practice| %>
              <li><a href="#">Dr.<%= practice.firstname %></a></li>
            <% end %>
            </ul>
        </div>

以上是我目前正在使用的代码，但它是Rails的正确方式吗？

Answer 1

答案 1：

你可以使用 JS 来完成这项任务我建议你使用这些 jquery 插件之一来搜索栏 Select2 和 Chosen。

我对 select2 的个人体验令人印象深刻。

它也通过 ajax 和缓存加载数据以避免重复调用。它的 GUI 给你一种类似谷歌的感觉。阅读它的文档并使用它。

答案 2：

select2 还给你像change 这样的事件，这样你就可以进行另一个 ajax 调用来加载过滤的客户。

Answer 2

1. 您可以在 Rails 视图中简单地使用以下标签：

   <%= select("doctor", "firstname", @doctors.all.collect(&:firstname)) %>

2. 然后在你的控制器中你会有这样的东西：

   def index if params[:doctor] @customers = Customer.joins(:user).where(users: {role: User.roles[:doctor]}, firstname: params[:doctor][:firstname].downcase) else @customers = Customer.all end end

Answer 3

你可以这样做 auto_complete rails。看看 http://railscasts.com/episodes/102-auto-complete-association

谢谢