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,然后仅用一个局部视图加载它