我有一个ASP.Net MVC表,在加载时需要突出显示其中的某些行。如果类型=拒付或追溯,那么我需要突出显示该行。我不确定该怎么做。我想您会使用Javascript突出显示,但是如何检查表格中的类型然后突出显示呢?

这是我的桌子:

<table>
                            <thead>
                                <tr>
                                    <th>Order No.</th>
                                    <th>Type</th>
                                    <th>Price</th>
                                    <th>Reason</th>
                                    <th>Fill Date</th>
                                    <th>Due Date</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var linkedOrder in order.LinkedOrders)
                                {
                                    <tr>
                                        <td>
                                            @if (@linkedOrder.Type == "Spiff")
                                            {
                                                <a onclick="DisplayReceipt('@linkedOrder.OrderNo')">@linkedOrder.OrderNo</a>
                                            }
                                            else
                                            {
                                                @linkedOrder.OrderNo
                                            }

                                        </td>
                                        <td>@linkedOrder.Type</td>
                                        <td>@linkedOrder.Price.ToString("C")</td>
                                        <td>@linkedOrder.Reason</td>
                                        <td>@(linkedOrder.FillDate == null ? "--" : linkedOrder.FillDate.Value.ToShortDateString())</td>
                                        <td>@(linkedOrder.DueDate == null ? "--" : linkedOrder.DueDate.Value.ToShortDateString())</td>
                                    </tr>
                                }
                            </tbody>
                        </table>

最佳答案

您实际上并不需要javascript,可以通过如下所示的剃刀来实现

<tr @if (linkedOrder.Type == "chargeback") { <text> style="background-color:silver;" </text>  }>


用此标记替换正文中的<tr>

10-07 19:05
查看更多