depot迭代D4_Ajax方案

在隐藏购物车的时候,从layout的store模板中看到

<div id="cart">
    <%=render(:partial=>"cart", :object=>@cart)%>
</div>

这是在渲染store页面的购物车部分,如果要在购物车为空的情况下隐藏这部分的显示,可以写个控制语句变为:

        <div id="cart">
             <%if [email protected]?%>
                    <%=render(:partial=>"cart", :object=>@cart)%>
             <%end%>
          </div>

意思是在页面刷新时,如果购物车为空,不显示.

在点击add to cart 按钮时,触发ajax效果,让购物车blind down

page[:cart].visual_effect :blind_down if @cart.total_items==1

然后渲染cart局部

page.replace_html("cart", :partial=>"cart", :object=>@cart)

在Empty cart时,使用ajax效果,让cart局部blind up

page[:cart].visual_effect :blind_up