Question

我已经实现了一个搜索框，用于搜索我的数据库中的“疾病”表和“症状”表。现在我想在搜索框中添加自动完成功能。

我创建了一个名为“auto_complete_controller”的新控制器，它返回自动完成数据。我只是不确定如何结合搜索功能和自动完成功能：我希望搜索控制器中的“索引”操作返回搜索结果，并且我的auto_complete控制器中的“索引”操作返回auto_complete数据

请指导我如何修复我的html语法以及在js.coffee文件中写入的内容。我正在使用rails 3.x和jquery UI进行自动完成，我更喜欢服务器端解决方案，这是我当前的代码：

main_page / index.html.erb：

<p>
    <b>Syptoms / Illnesses</b>
    <%= form_tag search_path, :method => 'get' do %>
      <p>
        <%= text_field_tag :search, params[:search] %> <br/>

        <%= submit_tag "Search", :name => nil %>
      </p>
  <% end %>
</p>

auto_complete_controller.rb：

class AutoCompleteController < ApplicationController

    def index
    @results = Illness.order(:name).where("name like ?", "%#{params[:term]}%") + Symptom.order(:name).where("name like ?", "%#{params[:term]}%")

    render json: @results.map(&:name)
  end
end

search_controller.rb：

class SearchController < ApplicationController

def index
    @results = Illness.search(params[:search]) + Symptom.search(params[:search])

    respond_to do |format|
        format.html # index.html.erb
        format.json { render json: @results }
    end
 end
end

谢谢，李

Answer 1

我遇到了同样的问题，不得不为它创建这个gem：https://github.com/rayasocialmedia/rails_autocomplete

Answer 2

以下是如何在Twitter-Bootstrap中进行动态预测;我确信它与jQuery类似：

https://gist.github.com/1848558

基本上，通过收听非导航键击，它会触发对控制器的AJAX部分文本搜索。然后，此返回数据将填充要显示的JS框架的预先输入/自动完成数据。这意味着你真的只需要一个SearchController。

Answer 3

试试rails3-jquery-autocomplete。我正在使用它并且具有与您相同的要求，它们可以很好地协同工作。如果您需要进一步的帮助，请告诉我。

ruby on rails通过自动完成实现搜索

3 个答案: