#102 Auto-Complete Association

最新推荐文章于 2021-08-02 19:20:02 发布

原创最新推荐文章于 2021-08-02 19:20:02 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#F# #HTML

Railscasts 专栏收录该内容

108 篇文章

订阅专栏

本文介绍了一种使用文本字段实现自动完成功能的方法，通常选择菜单用于设置属于关联，但这里展示了如何通过文本字段和自动完成脚本来实现类似的功能。这种方法提高了用户体验，并允许用户更快地输入相关类别。

Usually a select menu is used for setting a belongs_to association, but in this episode I will show you how to use a text field with auto completion.

script/plugin install auto_complete

# product.rb
def category_name
  category.name if category
end

def category_name=(name)
  self.category = Category.find_or_create_by_name(name) unless name.blank?
end

# categories_controller.rb
def index
  @categories = Category.find(:all, :conditions => ['name LIKE ?', "%#{params[:search]}%"])
end

<!-- products/_form.html.erb -->
<p>
  <%= f.label :category_name %>
  <%= text_field_with_auto_complete :product, :category_name, { :size => 15 }, { :url => formatted_categories_path(:js), :method => :get, :param_name => 'search' } %>
</p>

<!-- categories/index.js.erb -->
<%= auto_complete_result @categories, :name %>