ASP.NET MVC使用JQuery将多个部分视图加载到单个div中

问题描述:

我正在处理由导航树,内容框和搜索框组成的帮助页面。导航树链接到常见问题解答和术语表,每个链接到一个返回部分视图的Action。ASP.NET MVC使用JQuery将多个部分视图加载到单个div中

在导航树的右侧,我有一个内容div,我想要在导航树中选择任何部分视图。

成功案例(我想要完成的任务):点击FAQ链接的一个电话在我的控制器的FAQ()方法,然后返回一个局部视图,然后将其显示在我的内容div来的航行权树。点击另一个项目会导致另一个部分视图被加载。

我该如何解决这个问题?我已经阅读了大量的ASP.NET MVC JQuery加载博客文章和教程,但找不到任何完成此操作的人。

非常感谢!

您应该可以使用jQuery方法​​将HTML加载到您的div中。 http://api.jquery.com/load/

您可以创建一个操作,以HTML形式返回部分视图。 ASP.NET MVC Returning Partial View as a full View Page

的jQuery: 一个简单的方法,你可以做的是加载在“div容器”,在页面加载所有的部分意见,一气呵成(如果性能是不是一个问题) 然后分配里面不同的DIV ID每个部分的div “容器”,比用jquery来控制show();隐藏();为每个div。

MVC: 但是,如果我是你,“词汇表”和“常见问题解答”对我来说看起来相同,不应该放在不同的局部视图中。 如果他们确实设计了单独的模型,在这种情况下,我会建议您创建一个代理类作为您想要显示的模型上方的ViewModel,然后仅用一个局部视图加载它