时间戳

首页 > 解决方案 > 如何重新加载侧边栏中显示的 PartialView？

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

问题描述

当单击 a 时，我有一个SideBar从屏幕左侧启动的 a 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);

        }

    });

标签： jqueryasp.net-mvcsidebar

解决方案

为了保持 open 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);    
    }
});

$.ajaxSideBar通过执行异步请求来防止刷新页面并关闭您的页面。

推荐阅读