`

Rails Recipe实践(one by one) --Showing a live preview

阅读更多
其实说起来似乎比较好理解,只所谓的动态的预览,只是增加了一个observe而已,直接来看看代码:
ruby 代码
 
  1. <%= start_form_tag ({:action=>'autocomplete'},:id=>'form1') %>  

  
  • <%= submit_tag 'submit'%>  
  • <%= end_form_tag -%>  
  •   
  • <%= observe_form 'form1',:frequency=>1,:update=>'hint-div',:complete=>"Element.show('hint-div')",:url=>{:action=>'autocomplete'} %  
  • 前面是一个标准的登陆form,用一个observe监视这个form中的内容,当然,这个observe必须放到它所监视的元素的后面,否则observe就无法工作。
    最关键的就是observe_form这个标签,来看看这个标签的参数,frequency代表隔多少秒查看一次监视元素的状态(如果设为零,则实时监视),update表明要更新的元素,url代表ajax提交的目的action。
    此外,还需要建立action对应的rhtml文件,当action执行完毕后,将渲染此rhtml,并将渲染结果作为返回值返回给observe_form,返回数据会注入到update参数指定的元素中。
    分享到:
    评论

    相关推荐

    Global site tag (gtag.js) - Google Analytics