如何在 MVC 5 razor 中调用和刷新局部视图？

Question

当用户从下拉列表中选择一个值时，如何用新数据刷新必须为空的创建视图的部分视图？

我尝试了留言板上列出的一堆东西以及其他东西，但它只是深入到更多错误。我简直不敢相信 Web 表单中如此简单的事情在 MVC 中却很难做到。

我在 Chrome 和 IE 中都尝试过，但出现错误，所以我迷路了。对于共享文件夹中的部分视图，我有类似的东西：

<table cellpadding="1" border="1">
    .... // table header
    @foreach (SYSTEMX.Models.VUE_ISSUE_LIST item in ViewBag.IssuesList)
    {
        <tr>
           <td>@item.Issue</td>
       </tr>
    }
</table>

创建 cshtml 文件有这个：

<div class="col-sm-6">
    <div class="form-horizontal" style="display:none" id="PV_IssueList">
        @{ Html.RenderAction("UpdateIssuesList"); }
    </div>
</div>

Controller里面有类似这样的代码

[HttpGet]
public ActionResult UpdateIssuesList(int? VID)
{
    ViewBag.IssuesList = GetIssuesList(VID);
    return PartialView("UpdateIssuesList");
}

GetIssuesList(VID) 看起来与此非常相似，它位于 mvc 应用程序的控制器中

private List<VUE_ISSUE_LIST> GetIssuesList(int? VID)
{
    return db.VUE_ISSUE_LIST_.Where(i => i.ID == VID).ToList();
}

我收到此错误。我不知道这里发生了什么。

未找到部分视图“UpdateIssuesList”或没有视图引擎支持搜索到的位置。搜索了以下位置： ~/Views/CONTROLLERX/UpdateIssuesList.aspx
~/Views/CONTROLLERX/UpdateIssuesList.ascx
~/Views/Shared/UpdateIssuesList.aspx
~/Views/Shared/UpdateIssuesList.ascx
~/Views/CONTROLLERX/UpdateIssuesList.cshtml
~/Views/CONTROLLERX/UpdateIssuesList.vbhtml
~/Views/Shared/UpdateIssuesList.cshtml
~/Views/Shared/UpdateIssuesList.vbhtml

一位论坛用户发布了类似的解决方案，我想这对他有用，因为他打了一个绿色的复选标记，但对我根本不起作用：

Updating PartialView mvc 4

也试过这个：

refresh a partial view in mvc

也阅读了这篇文章，但它非常技术性，以至于我没有很好地理解它。

https://www.simple-talk.com/dotnet/asp-net/tips-and-tricks-about-razor-partial-views/

Answer 1

我最终在从下拉列表中读取点击的代码中使用了一些称为 Ajax 的代码。获取所选项目的值并将值传递回

所有用于构建列表并将其发送到更新局部视图的控制器代码，如果那里有数据，它将传递局部视图

用更新列表来创建表单。

    $(document).ready(function () {
        $('#RES_VID').change(function ()
        {

            debugger;

            $.ajax(

                {
                    url: '@Url.Action("UpdatePartialViewList")',
                    type: 'GET',
                    data: { VID: $('#RES_VID').val() },

                    success: function (partialView)
                    {
                        $('#PV_WidgetList').html(partialView);
                        $('#PV_WidgetList').show();
                    }
                });

Answer 2

够了吗？

$("#PV_IssueList").load("/controllerx/UpdateIssuesList?VID=1");

当您需要刷新时，调用此 jquery 行...或将其放入函数或任何事件中...例如 onclick='$("#PV_IssueList").load("/controllerx/UpdateIssuesList?VID=1");'