如何将 table 中的两列相乘以生成一个新列

Question

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

我试过使用下面的 html 代码：

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

这是我的 Table 行代码：

           <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>

Answer 1

考虑在您的 viewmodel 或 Model 中增加一个属性来为您完成这项任务。然后，您可以像对其他所有字段所做的那样，将其与 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>

如何将 table 中的两列相乘以生成一个新列

How to multiply two columns in a table together to produce a new column

html-table

rows