如何将表中的两列相乘以生成新列

时间:2015-08-23 00:41:45

标签: html-table rows

我有2个字段的数量和价格。我基本上想要将它们相乘并获得另一个名为Price的列的值(这是乘法的总和)。

我尝试使用以下HTML代码:

@Html.DisplayFor(modelItem => item.item_order_quantity*item.ITEM.item_price)

这是我的表行代码:

           <table class="table table-striped table-advance table-hover">
                <tbody>
                    <tr>
                        <th><i class="icon_pin_alt"></i> Item Description</th>
                        <th><i class="icon_pin_alt"></i> Quantity</th>
                        <th><i class="icon_calendar"></i> Price</th>
                    </tr>

                    @foreach (var item in Model.ITEM_ORDER)
                    {
                        <tr>
                            <td style="width:auto">
                                @Html.DisplayFor(modelItem => item.ITEM.item_description)
                            </td>
                            <td style="width:auto">
                                @Html.DisplayFor(modelItem => item.item_order_quantity)
                            </td>
                            <td style="width:auto">
                                @Html.DisplayFor(modelItem => item.item_order_quantity*item.ITEM.item_price)
                            </td>
                            <td>
                                <div class="btn-group">
                                    @Html.ActionLink("View", "Details", new { id = item.OrderID }) |
                                    @Html.ActionLink("Edit", "Edit", new { id = item.OrderID }) |

                                    @Html.ActionLink("Delete", "Delete", new { id = item.OrderID })
                                </div>
                            </td>
                        </tr>
                    }
                </tbody>
            </table>

1 个答案:

答案 0 :(得分:0)

请考虑在viewmodelModel中为您执行此任务。然后,您可以将其与html帮助器绑定,就像对每个其他字段一样。

public class YourViewModel
    {
        public int Field1{ get; set; }
        public int Field2{ get; set; }
        public int CalculatedField{ 
                  get {return Field1*Field2;}
            }
    }

或者尝试下面的代码来计算值并存储在变量中,然后直接从变量中呈现值。

试试这个

<table class="table table-striped table-advance table-hover">
                <tbody>
                    <tr>
                        <th><i class="icon_pin_alt"></i> Item Description</th>
                        <th><i class="icon_pin_alt"></i> Quantity</th>
                        <th><i class="icon_calendar"></i> Price</th>
                    </tr>

                    @foreach (var item in Model.ITEM_ORDER)
                    {
                       var computedValue = item.item_order_quantity*item.ITEM.item_price
                        <tr>
                            <td style="width:auto">
                                @Html.DisplayFor(modelItem => item.ITEM.item_description)
                            </td>
                            <td style="width:auto">
                                @Html.DisplayFor(modelItem => item.item_order_quantity)
                            </td>
                            <td style="width:auto">
                                @(computedValue)
                            </td>
                            <td>
                                <div class="btn-group">
                                    @Html.ActionLink("View", "Details", new { id = item.OrderID }) |
                                    @Html.ActionLink("Edit", "Edit", new { id = item.OrderID }) |

                                    @Html.ActionLink("Delete", "Delete", new { id = item.OrderID })
                                </div>
                            </td>
                        </tr>
                    }
                </tbody>
            </table>