如何隐藏主页/索引并在其位置显示另一个视图

Question

我有一个典型的mvc应用程序，并且遇到了隐藏Home / Index视图并用另一个视图替换它的问题。 用户登录的情况是，@ RenderBody（）呈现的视图是Home / Index，并且其上有一个网格，用户可以使用该网格开始创建订单。在此页面上还有一个菜单按钮。当用户从菜单中选择“管理”时，我想隐藏“主页/索引”视图并显示另一个视图，即“管理”部分，其中有一个关闭按钮，单击该关闭按钮时，它将卸载“管理”部分并取消隐藏主页/索引视图。

必须隐藏Home / Index，因为如果用户是创建订单的中间部分，那么一切都应该在那里。

我尝试使用模态弹出窗口，但它会关闭我的管理部分布局。

屏幕截图1，将是Home / Index，我想隐藏它并显示屏幕截图2，当从屏幕截图2点击关闭按钮时，屏幕截图2应该卸载，屏幕截图1应该再次出现。

修改

_Layout局部视图中的代码是

<div class="container body-content">
    <div id="ShowAdminPartialView">
    </div>
    <div id="HideForAdminPartialView">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        </footer>
    </div>
</div>

我可以隐藏HideForAdminPartialView，当我取消隐藏ShowAdminPartialView时，我失去了顶部导航栏，我相信这是因为我隐藏了HideForAdminPartialView div，它也隐藏了@RenderBody（）和我我想这就是为什么我失去了顶级导航栏