Live Search [Rails Recipes]

类似于自动完成的功能。

下面开始Coding 
建立我们的数据库
def self.up
  create_table "recipes" do |t|
    t.column "name", :string
    t.column "region", :string
    t.column "instructions", :text
  end
  create_table "ingredients" do |t|
    t.column "recipe_id", :integer
    t.column "name", :string
    t.column "unit", :string
    t.column "quantity", :integer
  end
end


建立我们的Controller, 建立search code
app> script/generate controller Search
   exists app/controllers/
   exists app/helpers/
   create app/views/search
   exists test/functional/
   create app/controllers/search_controller.rb
   create test/functional/search_controller_test.rb
   create app/helpers/search_helper.rb


当然了,还要有一个view
<html>
  <head>
    <%= javascript_include_tag :defaults %>
  </head>
  <body>
    <%= text_field_with_auto_complete :recipe, :name %>
  </body>
</html>


像以前一样,加上<%= javascript_include_tag :defaults %>
然后<%= text_field_with_auto_complete :recipe, :name %>这句就会显示出魔法效果。

然后在controller里
class SearchController < ApplicationController
  auto_complete_for :recipe, :name
end

你可能感兴趣的:(JavaScript,Ruby,UP,Rails)