如何重新加载侧栏中显示的 PartialView？

Question

我有一个 SideBar，当单击 Button 时，它会从屏幕左侧启动。它加载其中的页面 SideView.cshtml 页面。单击 Submit 时，我希望 SideBar 保持打开状态并刷新页面 SideView.cshtml 以显示更改。我怎样才能做到这一点？

我通过以下方式保持 SideBar 打开和活动，但我不确定如何刷新它同时保持 SideBar 活动。

    $.post({
        url: "/PurchaseOrders/PurchaseOrdersSideView",
        data: { ... },
        async: true,
        success: function (data) {            
            $("sideViewBar").addClass("active");
            $("sideViewDetails").addClass("active toggled");
        },
        error: function (xhr, text, error) {
            alert('Error: ' + error);

        }

    });

Answer 1

为了保持开放 SideBar，您可以使用 ajax 而不是 $.post，如下所示：

$.ajax({
    url: "/PurchaseOrders/PurchaseOrdersSideView",
    data: {...},
    success: function(data) {
        $("sideViewBar").addClass("active");
        $("sideViewDetails").addClass("active toggled");
    },
    error: function(xhr, text, error) {
        alert('Error: ' + error);    
    }
});

$.ajax 通过执行异步请求阻止刷新页面和关闭您的 SideBar。

如何重新加载侧栏中显示的 PartialView？

How to reload PartialView being displayed in a SideBar?

asp.net-mvc

jquery

sidebar