shitou's blog 

  • Home
  • About
  • Feed
  • 十人族
  • MIX BOY
  • 塌客

Tags "plugin"

29
May

插件auto_complete的使用

因为项目需要,找个下rails上的ajax自动填充表单的插件,在agilewebdevelopment上找到了auto_complete
上面说这个插件是官方的插件,应该不错
先用ruby script/plugin install auto_complete安装
然后就是使用了

  1.首先在一Controller中加入
    auto_complete_for :report, :title
    :report是对应的model名, title是字段名
  2.在控制器中定义一action
     def auto_complete_for_report_title
      search = params[:report][:title]
      @articles = Report.find(:all, :conditions => ["title like ?", "%#{search}%"], :limit => 10, :order => "id DESC") unless search.blank?
      render :partial => "live/search"
     end

   action的命名要以auto_complete_for_开始,然后是对应上面定义的auto_complete_for :report, :title
  3.然后在view中调用就行了,记得先调用rails的default js文件
    <% form_tag '/welcome/auto_complete_for_report_title' do %>
      <%= text_field_with_auto_complete :report, :title, { :size => 35, :value => '' } %>
    <% end %>

    其中value是指默认文本框的value值为空,因为我在测试时发现每次代开页面时文本框的value值会自动与当前页面模型的title进行绑定显示,这样显然不行的,所以就加了这条属性,让它每次都自动为空
   4.生成的模板文件会自动创建,在views/live/_search.rhtml中,根据自己的需要定制就行
   5.然后打开页面测试时报错,说是表单认证错误,后来google了下才知道,rails2.0后为了防止外部调用表单,进行数据库的操作,加了此项安全措施,只用在application.rb中加入
   protect_from_forgery :only => [:create, :update, :destroy]
   就行了
   6.样式可以自定义,打开页面后,查看下源代码,就知道定义那些属性了,可以覆盖的

Tags: rails,plugin,auto complete

2008-05-29 01:08:45, 1211 reviews, comment

send to mailbox

Your email:

Tags

json Impactjs Canvas fun gen_server superfly PS3 Webgame HTML5 jquery SSH tenerer MooseFS gearman-ruby Gearman MongoDB MochiChat TCP U-ka saegusa IN db command Mai Kuraki Norah Jones log iPhoneException ACG Mac Safari objective-c CouchDB LVS AJAX debian 推荐 AMQP google mail bug gettext Erlang 北京 iptables 架构 tips mysql backup function 我看 postfix 监控 SEO cache Etag memcache thread 进程 线程 无锡 yield file column mixboy xml rss gems ruby shitou shell lighttpd 安全 csrf 公司 nginx linux 模块 apache webserver 朋友 大学 生活 尼古拉斯凯奇 movie 文件同步 笑笑 歌词 auto complete plugin rails music ubuntu blog

Category

  • HTML5[3]
  • iPhone[17]
  • Erlang[11]
  • google[13]
  • 生活[45]
  • 音乐[13]
  • 电影[11]
  • linux[29]
  • web server[6]
  • mail server[3]
  • cluster[1]
  • system manage[9]
  • ruby[20]
  • ruby on rails[28]
  • 开源[4]

Episode

  • MongoDB
  • MochiChat
  • iPhoneException
  • shell
  • thread
  • memcache


Popular Posts

  • 准备开始学习Erlang了(恶狼, 二郎..)
  • Ruby遍历MemCached的key
  • 服务器监控小脚本
  • MySQL Innodb备份
  • [转载]5个有用的ruby gems

Recommended Posts

  • Tri-survive - HTML5 Game
  • Cut the rope - HTML5版
  • json_formatter
  • 在gen_server中spawn新的进程
  • Superfly - Wildflowers
  • 继续凸墙 for Mac OS
  • MongoDB Beijing 2011
  • MongoDB删除map_reduce生成的tmp collection
  • Mai Kuraki - Future Kiss
  • Erlang OOP
  • 用SSH tunnel凸墙
  • Google的语法高亮工具包
  • 大量数据的批量操作
  • 再次被和谐-_-
  • 十人族: 上线了

Friends' blogs

  • levy
  • sphance
  • andreas
  • yangkunlun
  • {:dev=>:wxianfeng}
  • bheye
  • joeydarko

Login

   注册

留言 查看留言

留言

   取消

留言 查看留言


Statistics

  • 访问次数: 316242
  • 今天访问: 37
  • 日志: 213
  • 评论: 4967
  • 音乐: 9
  • 用户: 1758


少年,不点下广告吗!

 

all by shitou

blog comments powered by Disqus

close