以产品product图片为例
<%=image_tag(product.image_url)%>
使用link_to
<%=link_to image_tag(product.image_url), :action=>"add_to_cart", :id=>product%>
但是此时我们会发现link_to的第一个方法即产品图片会被存放在<a>标签中,而rails提供的image_tag辅助方法则会构造一个<img>标签,此时我们会发现我们调用的图片放置在一个很难看的img标签中,我们想要界面好看点,必须花时间在相关css中。
使用form_remote_tag
<%form_remote_tag :url=>{ :action=>'add_to_cart', :id=>product} do%>
<%=image_submit_tag(product.image_url, :alt=>product.title, :title=>"Add to cart", :class=>"product_picture")%>
<%end%>
数据摘取(from apidock)
# File actionpack/lib/action_view/helpers/prototype_helper.rb, line 331
def form_remote_tag(options = {}, &block)
options[:form] = true
options[:html] ||= {}
options[:html][:onsubmit] =
(options[:html][:onsubmit] ? options[:html][:onsubmit] + "; " : "") +
"#{remote_function(options)}; return false;"
form_tag(options[:html].delete(:action) || url_for(options[:url]), options[:html], &block)
end
分享到:
相关推荐
microtca_short_form_sept_2006
SSD_Form_Factor_Version1_a,SSD_Form_Factor_Version1_a
【最新】C++ http post form_data传文件源码,【最新】C++ http post form_data传文件源码,【最新】C++ http post form_data传文件源码
利用Form_QueryUnload询问使用者是否关闭窗口
Ext form_loadExt form_loadExt form_loadExt form_loadExt form_loadExt form_loadExt form_load
资源分类:Python库 所属语言:Python 资源全名:streaming_form_data-0.6.1.tar.gz 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059
vue_form_design:基于Vue3.0的表单设计器
form_sable_skill. form_sable_skill.ini form_sable form_sable_skill.ini
Enterprise_SSD_Form_Factor_SPEC_Version1_00 This specification defines the electrical and mechanical requirements for a PCI Express connection to the existing standard 2.5” and 3.5” disk drive form ...
Oracle_Form_Personalization_個性化.pdf 英文
MVP_Application_Form_China MVP_Application_Form_China
Paint form automatic
Oracle_EBS_Form_触发器学习大全
springer期刊下的Change of authorship request form填写事宜模板参考
Rails form_tag实验室目标使用form_tag构建功能性的Rails表单将路由助手作为参数传递给form_tag 将带有方法的选项散列传递给form_tag 使用text_field_tag和其他表单控件来创建输入构建一个new动作,该动作将呈现一个...
HX8218-A_datasheet_v03_new form__1229.pdf
ORACLE EBS APS_FORM_库存组织选择LOV实现
form_login_javascript客户端验证 使用javascript脚本段
dreamwear form_check
html css