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 %>
分享到:
相关推荐
在编程和软件开发领域,"自动完成"(Auto-Complete)和"智能提示"(Intelligent Suggestion)是提升效率和生产力的关键特性。这些功能在编写代码时提供实时的建议,帮助开发者快速输入复杂的语法结构,减少手动输入...
在本文中,我们将深入探讨如何配置Emacs,特别是涉及到`auto-complete`和`color-theme`这两个主题。 首先,`auto-complete`是Emacs中的一个插件,它提供了一种自动补全功能,极大地提高了编程时的效率。当你在编写...
主要包含popup-el-0.5.8.tar.gz、fuzzy-el-0.3.tar.gz和auto-complete-1.5.1.tar.gz
auto-complete 挣点分下东西。
vuejs-auto-complete Vue自动完成组件npm install vuejs-auto-complete --save使用安装,将自动完成组件添加到您的应用程序中vuejs-auto-complete Vue自动完成组件npm install vuejs-auto-complete --save使用安装,...
phpstrom Phalcon auto-complete3.4.0代码提示插件
其次,Auto-Complete 是一个Emacs的智能自动补全框架。它可以根据上下文提供可能的补全选项,适用于多种编程语言,极大地提高了编码速度。用户可以通过配置自定义补全源,使其支持更多的语言或特定的库。 Doxymacs ...
auto-complete-clang.el
本文将深入探讨“auto-complete-c-headers”这一开源项目,它为C语言开发者提供了强大的头文件自动补全支持。通过分析其源码,我们可以了解其实现原理,并学习如何构建类似的工具。 1. **自动完成的基本概念** 自动...
根据提供的文件信息,我们可以将《微分方程教程 - DE Complete》这本教材的主要知识点归纳如下: ### 基本概念 #### 引言 - 微分方程的定义与重要性。 - 微分方程在科学、工程和其他领域的应用。 #### 定义 - ...
jruby-complete-1.7.19.jar,java版本的ruby解析器
antlr-4.8-complete.jar
antlr-3.5.2-complete.jar
auto-complete-clang, clang自动完整源 AC Clang Yasnippet ! 简介Clang的交流源。 结合交流。锣和Yasnippet的力量。如果你没有 Yasnippet,我建议你安装一个。 如果你不想安装 Yasnippet,你可以尝试使用 snippet....
字体超赞自动完成和预览 自动完成并预览任何一种语言的Font Awesome 5或4图标(请参阅)。安装产品/安装类型平台 手动.vsix文件默认用法键入“ fa- ”(不带引号)以开始自动完成图标。 如果未显示图标预览(如下面...
emacs 的自动补全插件可以在写代码时自动补全
tar -zxvf roundcubemail-1.3.3-complete.tar.gz -C /var/www mv /var/www/roundcubemail-1.3.3 /var/www/roundcube chown -R www-data:www-data /var/www/roundcube echo '0 0 * * * root bash /var/...
官方版本,亲测可用
(require 'auto-complete-c-headers) (add-to-list 'ac-sources 'ac-source-c-headers)) (add-hook 'c++-mode-hook 'my:ac-c-headers-init) (add-hook 'c-mode-hook 'my:ac-c-headers-init) 客制化 请参阅achead:...
标题 "jquery-select-auto-complete-codes.rar" 涉及的是一个使用JQuery实现的自动完成功能,特别针对搜索框的交互设计。JQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互。在...