MVC 5 如何创建可点击的 <tr> 行以重新连接到 ID 来自 table 的客户编辑？

Question

我需要启用单击 table 行以重新连接到客户编辑视图，我需要客户 ID。 @*@Html.ActionLink("Edit", "Edit", new { id=customer.CustomerId })

客户查看列表：

    <table>
    <thead>
    <tr>
        <th>Name</th>
        <th>Surname</th>
     </tr>
    </thead>
    <tbody>
    @foreach (var customer in Model.Customers)
    {
        <tr>
            <td>@customer.Name</td>
            <td>@customer.Surname</td>
         </tr>
    }
    </tbody>
</table>

Answer 1

您可以像这样在您的 tr 标签上添加属性 onclick：

  <tr onclick="location.href = '@Html.ActionLink("Edit", "Edit", new { id=customer.CustomerId }))'">
    <td>@customer.Name</td>
    <td>@customer.Surname</td>
 </tr>

Answer 2

我会像下面这样处理。

使用css作为JQuery选择器，从数据属性中获取id，然后使用window.opener传入客户id。

CSS风格

.ClickToEdit {
}

视图 HTML 具有从模型

设置的数据客户 ID 属性

Class 设置在行上。

 <tr class="ClickToEdit" data-customerid="@customer.CustomerId">
   <td>
      @customer.Name
    </td>
 </tr>

JQuery拦截点击打开URL

$(document).on("click", ".ClickToEdit", function () {
    var custID = $(this).data("customerid"); 
    window.opener.location.href("/Edit/Edit?id=" + custID);
});

希望对您有所帮助

MVC 5 如何创建可点击的 <tr> 行以重新连接到 ID 来自 table 的客户编辑？

MVC 5 How create clickable <tr> row to reconnect to customer edit with id from table?

c#

asp.net-mvc

onclick

actionlink

tr