如何利用子视图
2015-10-08 10:51
393 查看
背景:
在MVC中,可能会比较频繁的使用到子视图,如把页面切换、页码搜索等制作成单独的控件,以实现代码的复用,减少代码的冗余度,同时提高页面的维护成本。
在ASP.NET MVC中子视图有多种实现方案,比如说一个完整的页面(非分部页面)仍然可以作为其他页面的子视图。
如存在以下控制器和动作方法:
如果在创建视图时,没有选择分部视图的选项,如图:
View Code
该视图被其他页面引用后,显示的效果仍然是一致的,如图红框区域所示:
但是在审查元素时发现在页面中有多个<head>元素,如图:
这样,在真实的项目中,很可能造成脚本文件相互覆盖的现象,产生界面效果不正确显示的现象。
尽量在创建子视图或者公共控件时,选择创建分部视图,审查元素如图:
引用分部视图的方法:
在写公共控件时,可以考虑将控件写在同一个控制器中,如Common;
又可以在Controller文件夹下创建一个子文件夹,如sys,和普通的控制器区分开,使项目文件一目了然。
注意如果是调用动作方法,是可以传递参数的,如下:
在MVC中,可能会比较频繁的使用到子视图,如把页面切换、页码搜索等制作成单独的控件,以实现代码的复用,减少代码的冗余度,同时提高页面的维护成本。
在ASP.NET MVC中子视图有多种实现方案,比如说一个完整的页面(非分部页面)仍然可以作为其他页面的子视图。
如存在以下控制器和动作方法:
public class SubViewTestController : Controller { public ActionResult Index() { return View(); } }
如果在创建视图时,没有选择分部视图的选项,如图:
@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> </head> <body> <div> 我是单独的视图 </div> </body> </html>
View Code
该视图被其他页面引用后,显示的效果仍然是一致的,如图红框区域所示:
但是在审查元素时发现在页面中有多个<head>元素,如图:
这样,在真实的项目中,很可能造成脚本文件相互覆盖的现象,产生界面效果不正确显示的现象。
尽量在创建子视图或者公共控件时,选择创建分部视图,审查元素如图:
引用分部视图的方法:
@Html.Partial("~/Views/Shared/subView.cshtml") @Html.Action("Test")
在写公共控件时,可以考虑将控件写在同一个控制器中,如Common;
又可以在Controller文件夹下创建一个子文件夹,如sys,和普通的控制器区分开,使项目文件一目了然。
注意如果是调用动作方法,是可以传递参数的,如下:
@Html.Action("Test",new{para="好的"})
相关文章推荐
- Android项目中的双击退出应用
- STM32—DAC配置
- 深入探索透视投影变换
- 数据结构和算法学习(6)-递归
- 【莫队】bzoj 3781,bzoj 2038,bzoj 3289
- Asp.net Web.Config - 配置元素 httpCookies
- 今天拦截到一个SQL注入 有兴趣的帮忙分析一下!
- 微信扫码支付--xml解析
- IOS隐藏bar
- java线程模拟生产者消费者问题
- java 接口 实现和继承关系
- 欢迎使用CSDN-markdown编辑器
- 数据库的最简单实现
- UIAlterViewDelegate简单总结
- Asp.net Web.Config - 配置元素 caching
- csdn-markdown
- 七日后
- 手把手教程: CentOS 6.5 LVS + KeepAlived 搭建 负载均衡 高可用 集群
- 多个项目MyEclipse中启动出现OutOfMemoryError: PermGen space如何解决
- jquery获取和设置元素高度宽度