时间戳

首页 > 解决方案 > 部分视图 - 如何从 mvc 中的部分视图列表中获取按钮的 ID，以及如何通过传递 id 来调用相同的操作

c# - 部分视图 - 如何从 mvc 中的部分视图列表中获取按钮的 ID，以及如何通过传递 id 来调用相同的操作

问题描述

我在具有特定员工姓名和按钮的主视图上有多个部分视图，以获取该员工的完整数据。我不知道如何调用特定操作以在弹出窗口中显示数据并在单击按钮时获取该特定员工的完整数据。

标签： c#asp.net-mvc

解决方案

假设每个局部视图的模型都包含员工 ID，您可以使用锚标记而不是按钮，并在 href 属性中包含员工 ID。

例如，在员工详细信息的部分视图中，包括以下内容：

<a href="@Url.Action("Details", "Employee", new { id: Model.EmployeeID })">Details...</a>

如果您决定使用 javascript 来显示弹出窗口，请查看数据属性： https ://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

在这种情况下，您可以在局部视图中呈现这样的按钮：

<button type="button" class="employee-btn" data-employee-id="@Model.EmployeeID">Details...</button>

然后读取 javascript 中的值（此示例使用 jQuery 事件处理程序）：

$('.employee-btn').click(function() {
    var employeeId = $(this).data('employee-id');
    // logic to fetch employee details and display in popup...
});

推荐阅读