如何重新加载在侧边栏中显示的PartialView?

时间:2018-07-12 23:16:39

标签: jquery asp.net-mvc sidebar

我有一个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);

        }

    });

1 个答案:

答案 0 :(得分: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