Javascript 当表中有多个条目时，如何单击@Html.ActionLink显示模式（框）？

你好，我是MVC的新手，正在做我的作业。当我在表中有多个条目时，我陷入了困境，单击

@Html.ActionLink

我想调用Html模式并执行一些操作

根据需要，调用模式和执行操作必须由AJAX完成

下面是我的Index.cshtml文件的代码

@foreach (var item in Model) {
<tr>
    <td>
        @Html.DisplayFor(modelItem => item.Title)
    </td>
    <td>
        @Html.DisplayFor(modelItem => item.StartDate)
    </td>
    <td>
        @Html.DisplayFor(modelItem => item.Location)
    </td>
    <td>
        @Html.DisplayFor(modelItem => item.Author)
    </td>
    <td>
        @Html.ActionLink("Details", "Details", new { @class = "glyphicon glyphicon-list", id = item.Id })
    </td>
</tr>
}

@foreach（模型中的变量项）{
@DisplayFor（modeleItem=>item.Title）
@DisplayFor（modelItem=>item.StartDate）
@DisplayFor（modelItem=>item.Location）
@DisplayFor（modeleItem=>item.Author）
@ActionLink（“细节”，“细节”，新的{@class=“glyphicon-glyphicon-list”，id=item.id}）
}

---

我不知道如何获取特定条目的记录并对其执行编辑/删除等操作。

首先，您想为模型中的表id设置一个隐藏值。为该值设置一个数据id atrr。像这样：

<button class="btn btn-warning btnRemove remove"  type="button" data-val="@item.ID"><i class="fa fa-times fa-lg" aria-hidden="true"></i>&nbsp; Delete</button>

并添加以下代码：

 @section Scripts{
            @Scripts.Render("~/bundles/jqueryval")
            <script>
            $(document).ready(function () {
                $(window).load(function () {
                    var val = $(".modelId").attr("data-id");
                    $(".btnRemove").click(function (event) {
                        $(this).addClass("groupId");
                        event.preventDefault();
                        $(".modal").show();
                        $(".btnClose").click(function () {
                            $(".modal").slideUp(200);
                        })
                        $(".close").click(function () {
                            $(".modal").slideUp(200);
                        })
                        $("#confirmed").click(function () {
                            //var value =$(this).find(".btnRemove").attr("data-val");
                            var value = $(".groupId").attr("data-val");
                            $.ajax({
                                url: "@Url.Action("Action", "Controller")",
                                type: 'POST',
                                cache:false,
                                data: { id: value, userId:val},

                                success: function () { // if true (1)
                                    setTimeout(function () {
                                        window.location = '@Url.Action("Action", "Controller", new { id =Model.Id })';
                                    }, 1000);
                                    }
                        });
                    })
                    })
                });

            });

    </script>

        }

要在模式中显示列表，可以在控制器中创建PartialViewResult。对我来说，以模态的方式向成员展示是这样的

public PartialViewResult GroupMembers(int grid)
    {
        groupSearchModel model = new groupSearchModel();
        model.fetchGroupMembersList = Functions.CommonFunctions.fetchGroupMemberList(grid, 1);
        return PartialView("GroupMembers",model);
    }

---

然后在ajax调用中，您可以调用此控制器。然后，您将填充所需的详细信息。

好的，如何在单击“详细信息”链接时显示弹出窗口？在那之后，这可能会起作用。@wacky_coder:查看我的答案，查看我所做的编辑。

public PartialViewResult GroupMembers(int grid)
    {
        groupSearchModel model = new groupSearchModel();
        model.fetchGroupMembersList = Functions.CommonFunctions.fetchGroupMemberList(grid, 1);
        return PartialView("GroupMembers",model);
    }