使用form_remote_tag优化图片链接
2011-02-28 11:47
204 查看
以产品图片为例
<%=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
<%=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
相关文章推荐
- Apache上使用mod_rewrite防止盗用图片链接
- wp7蛋疼的90M内存限制,优化图片使用内存(3)
- 使用 jodd:form tag
- 网页优化系列二:使用Cache缓存静态文件、图片(asp.net版)
- javascript 使用FormData实现图片/文件异步上传
- asp.net mvc 使用Html.ActionLink显示图片链接
- 使用FormData对象提交表单及上传图片
- 七牛使用总结:图片流量优化压缩策略
- 使用开源imageLoader优化listview加载大量本地图片的demo
- 使用开源imageLoader优化listview加载大量本地图片的demo
- Android之ListView优化(使用Lrucache,图片滑动时使用默认图片,停止时加载)
- 使用form标签上传图片无法获取到
- wp7蛋疼的90M内存限制,优化图片使用内存(4)[解决]
- 优化ImageView,在使用ListView或GridView的时候,每次更新图片的时候,在显示新的图片和旧的图片一样大小的时候,不需要去重新计算大小
- Android优化系列——性能优化(图片缓存,网络链接,Service定时)
- Android之ListView优化(使用Lrucache,图片滑动时使用默认图片,停止时加载)
- Android ListView异步加载图片错位解决方案一 使用findViewWithTag
- ListView图片优化(二)---弱引用关联---或者使用Volley下的NetworkImageView
- 使用FormData对象提交表单及上传图片
- 使用FormData对象提交表单及上传图片