asp.net mvc - Ajax 刷新视图的每个元素

希望在退出 jquery 对话框后使用 ajax/刷新当前页面。

我有一个包含 foreach 循环的视图，数据是从模型中提取的，每个循环有 2 个编辑/删除按钮。当我单击“编辑按钮”时，将打开一个 jquery UI 对话框进行编辑，当我保存 Jquery 对话框时，我想要的是在退出对话框后 Ajax/刷新视图的数据（尤其是编辑后的数据） ）。

我怎样才能实现它？

Thanks

这是我的观点：

@{
    foreach (var item in Model) {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.IdPhoto)
            </td>
            <td>
                @Html.TextAreaFor(modelItem => item.Date)
            </td>
            <td>
                @Html.TextAreaFor(modelItem => item.Nom)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Category)
            </td>
            <td>
                @Html.CheckBoxFor(modelItem => item.Actif)
            </td>
            <td>

            <button class="Edit" value="@item.IdPhoto">Edit</button> 
            <button class="Delete" value="@item.IdPhoto">Delete</button> 

            </td>
        </tr>
    }
}

我的建议是使用 jQuery 从部分视图中加载您想要编辑/删除的信息。 然后，您可以从 jQuery 对话框中编辑/删除，完成后，只需再次使用 jQuery 重新加载该部分视图。

您认为的代码将类似于：

$(document).ready(function () {

    LoadInfo(); //Loads partial view

});

function LoadInfo() {

    $.get("MyAction", { param1 : myParameter }, function (data) {

        $("#mydata").empty();
        $("#mydata").html(data);
    });
}

在你的控制器中：

    [HttpGet]
    public virtual ActionResult MyAction(parameters)
    {
        var query = GetMyDataModel();

        return PartialView("_MyPartialViewName", query);
    }

当您完成编辑/删除后，您可以再次调用 LoadInfo()，它将重新加载页面的该部分。

希望这可以帮助。