0

我有一个购物车，我想在我的应用程序中以 3 种不同的方式呈现。

  1. 在侧边栏中。仅显示购物车中的商品数量及其总价。
  2. 在购物车主视图中。显示带有每个项目的产品、数量和总价链接的行项目。还显示增加/减少商品数量的按钮和从购物车中删除商品的按钮。
  3. 在订单视图中，显示购物车内容的方式与主购物车视图相同，除了指向产品的链接、更改数量的按钮和“删除”按钮。

到目前为止，我这样渲染购物车：

carts/_cart.html.erb

<%= yield %>

购物车侧边栏布局carts/_sidebar.html.erb

<ul>
  <li class="nav-header">Your Cart (<%= pluralize(@cart.total_items, "Item") %>)</li>
  <li>Total Due: <%= number_to_euro(@cart.total_price) %></li>
  <% unless @cart.line_items.empty? %>
  <li><%= link_to "View Cart & Checkout", cart_path(@cart) %></li>
  <li><%= link_to "Empty Cart", @cart, :method => :delete %></li>
  <% end %>
</ul>

由layouts/_sidebar.html.erb_<%= render :partial => 'carts/cart', :layout => 'carts/sidebar' %>

购物车主布局carts/_main.html.erb

<table>
  <tr>
    <th>Product</th>
    <th>Quantity</th>
    <th>Price</th>
    <th>Subtotal</th>
    <th></th>
  </tr>
  <%= render @line_items %>
  <tr id="total_line">
    <td colspan="3">Total:</td>
    <td><%= number_to_euro(@cart.total_price) %></td>
    <td></td>
  </tr>
</table>

哪个是从carts/show.html.erb

<h1><%= pluralize(@cart.total_items, "Item") %> in Your Cart</h1>
<%= render :partial => 'cart/cart', :layout => 'carts/main' %>
<%= link_to "Empty Cart", @cart, :method => :delete %>
<%= link_to "Checkout", new_order_path %>

还有carts/_order.html.erb一个当前orders/new.html.erb以与购物车主视图相同的方式呈现。

我想要做的是创建 2 个不同的布局来呈现来自carts/show.html.erb和的行项目orders/new.html.erb。为此，我<%= yield %>有line_items/_line_item.html.erb

购物车主布局的行项目布局line_items/_main.html.erb

<tr>
  <td><%= link_to "#{line_item.product.brand.name} #{line_item.product.title}", product_path(line_item.product) %></td>
  <td>
    <%= link_to "-", decrement_line_item_path(line_item), :method => :post %>
    <%= line_item.quantity %>
    <%= link_to "+", increment_line_item_path(line_item), :method => :post %>
  </td>
  <td><%= number_to_euro(line_item.product.price) %></td>
  <td><%= number_to_euro(line_item.total_price) %></td>
  <td><%= link_to "Remove"), line_item, :method => :delete %></td>
</tr>

以及用于新订单视图的类似订单项布局line_items/_order.html.erb

<tr>
  <td><%= "#{line_item.product.brand.name} #{line_item.product.title}" %></td>
  <td><%= line_item.quantity %></td>
  <td><%= number_to_euro(line_item.product.price) %></td>
  <td><%= number_to_euro(line_item.total_price) %></td>
</tr>

这就是问题开始的地方。我不明白如何呈现集合。carts/_main.html.erb我尝试这样渲染订单项

<%= render :partial => 'line_items/line_item', :layout => 'line_items/main', :collection => @line_items %>

从carts/_order.html.erb这样

<%= render :partial => 'line_items/line_item', :layout => 'line_items/order', :collection => @line_items %>

但是我在 Carts#show 中遇到 LocalJumpError

Showing app/views/line_items/_line_item.html.erb where line #1 raised:

no block given (yield)

任何其他 :collection 名称都不会呈现任何内容。我究竟做错了什么？

4

1 回答 1

1

好吧，我明白我做错了什么。首先，错误消息no block given (yield)意味着没有什么可以让步。其次，在这种情况下渲染局部时不需要使用 :layout 。

layouts/_sidebar.html.erb只需调用即可渲染购物车<%= render :partial => 'carts/sidebar' %>。

有一件事我不知道。当使用集合渲染部分时，:partial name 的第二部分成为该集合内的局部变量名称。

这是主购物车视图 ( carts/_cart.html.erb) 的部分内容：

<table>
  <tr>
    <td>Product</th>
    <td>Price</th>
    <td>Quantity</th>
    <td>Subtotal</th>
    <td></th>
  </tr>
  <%= render :partial => 'line_items/cart_item', :collection => @line_items %>
  <tr>
    <td colspan="3">Total:</td>
    <td><%= number_to_euro(@cart.total_price) %></td>
    <td></td>
  </tr>
</table>

可以由<%= render @cart %>. 注意名称中的/cart_item部分:partial。这就是我们在 中引用集合项的方式line_items/_cart_item.html.erb：

<tr>
  <td><%= link_to "#{cart_item.product.brand.name} #{cart_item.product.title}", product_path(cart_item.product) %></td>
  <td><%= number_to_euro(cart_item.product.price) %></td>
  <td>
    <%= link_to "-"), decrement_line_item_path(cart_item), :method => :post %>
    <%= cart_item.quantity %>
    <%= link_to "+"), increment_line_item_path(cart_item), :method => :post %>
  </td>
  <td><%= number_to_euro(cart_item.total_price) %></td>
  <td><%= link_to "Remove"), cart_item, :method => :delete %></td>
</tr>

与 Orders 控制器中显示的购物车相同。carts/_order.html.erb：

...
<%= render :partial => 'line_items/order_item', :collection => @line_items %>
...

line_items/_order_item.html.erb：

<tr>
  <td><%= "#{order_item.product.brand.name} #{order_item.product.title}"%></td>
  <td><%= number_to_euro(order_item.product.price) %></td>
  <td>&times; <%= order_item.quantity %></td>
  <td><%= number_to_euro(order_item.total_price) %></td>
  <td></td>
</tr>

希望这一切都有意义。

于 2012-05-25T08:58:33.907 回答