javascript - MVC 表使用 javascript 突出显示行

Question

我有一个 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>

Answer 1

你并不真正需要 JavaScript，你可以通过像下面这样的 razor 来完成

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

替换您的<tr>在带有此标记的正文中