针对有些情况下下拉菜单过长导致选择不便,此处我将演示通过输入文字自动补全来选择
我这里要在product的view中自动补全thing
Gemfile中
gem 'rails3-jquery-autocomplete'
routes中
resources :products do
collection do
get :autocomplete_thing_name
end
end
thing.rb中(这里想显示name、material、size三个字段)
def name_with_material_and_size
"#{name} - #{material} - #{size}"
end
products_controller中
autocomplete :thing, :name, :full => true, :display_value => :name_with_material_and_size, :extra_data => [:name, :material, :size]
products.js.coffee
jQuery ->
$("#autocomplete_thing_name").bind('railsAutocomplete.select', (e,data)->
$("#product_thing_id").val(data.item.id)
)
product的view中
= f.hidden_field :thing_id
= f.input :thing_id, :as => :autocomplete, :url => autocomplete_thing_name_products_path, :input_html => {:id => 'autocomplete_thing_name', :name => "thing_name"}
分享到:
相关推荐
auto-complete 自动完成 智能提示 代码联想 auto-complete 自动完成 智能提示 代码联想
主要包含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代码提示插件
emacs-23.2-bin-i386 含cedet,auto-complete,doxymacs,yasnippet,cscope,ecb .emacs 已做基本配置
emacs配置文件可能去我的博客(不断更新中) http://blog.csdn.net/PfanAya/archive/2011/01/16/6145504.aspx
auto-complete-clang.el
auto-complete-c-headers-源码.rar
jruby-complete-1.7.19.jar,java版本的ruby解析器
antlr-3.5.2-complete.jar
auto-complete-clang, clang自动完整源 AC Clang Yasnippet ! 简介Clang的交流源。 结合交流。锣和Yasnippet的力量。如果你没有 Yasnippet,我建议你安装一个。 如果你不想安装 Yasnippet,你可以尝试使用 snippet....
owncloud-complete-20210721.zip
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:...
Shift - Complete Sci-Fi UI.unitypackage 科幻UI
这是 Emacs 在 nXML 模式下通过 auto-complete.el 提供补全的扩展。 特征 自动开始完成 在 nXML 模式下,当您敲击开始完成默认“C-RET”的绑定键时,完成开始。 我认为这个动作在使用 Emacs 的默认界面完成时很好。...
antlr-4.6-complete.jar
antlr-4.7-complete.jar运行环境库(java版)