Bootstrap MVC4固定左侧Naigation菜单

时间:2016-02-25 17:06:38

标签: c# asp.net-mvc asp.net-mvc-4 twitter-bootstrap-3 asp.net-mvc-layout

我正在尝试使用MVC4为Bootstrap管理模板创建UI结构,其中包含左侧菜单和右侧内容部分(通常是部分视图)。该应用程序需要容纳50多个菜单,并且它将在功能中动态增加。所以我决定采用以下结构,我不想重新渲染左面板菜单。我有顶栏固定标题,会显示很多关于用户的通知细节。我的问题是我不喜欢&#39 ;;当我单击左侧菜单时,我想进行API调用以获取通知详细信息,该菜单将从DB中的大量表中获取详细信息。因此唯一的解决方案是不刷新左侧菜单和顶部栏标题(在布局文件中定义)。我怎样才能实现这一点。任何解决方案都会非常有用。

enter image description here

1 个答案:

答案 0 :(得分:0)

AJAX似乎是Stan在评论中提出的解决方案。 因此,首先加载jquery,然后在剃刀页面中呈现来自返回局部视图的动作(Html.Action)的内容。

然后,当用户单击该菜单项时,使用jquery从客户端调用该操作,以便返回PartialContentView,并将内容部分替换为服务器响应。