如何在ASP.NETMVC中使用分部视图-创新互联

如何在ASP.NET MVC中使用分部视图?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

网站建设哪家好,找成都创新互联公司!专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了相城免费建站欢迎大家使用!

什么是分部视图,我们应该什么时候应该用?

作为一个对ASP.NET MVC 模型很熟悉的开发者,他们自然想创建一个内容和代码都可以重用的组件,在web 窗体,我们可以创建一个web用户控件或web服务器控件。但是在MVC,我们应该用分部视图,在这个概念的角度看,对任何情景的应用情景都应该有用。


在应用程序中,每一页上都显示这个股票行情


在应用程序中,一个日历控件显示在多个页面中


一个登录框


用于在多个页面上的社交网络组件,如Facebook的Like按钮。


虽然ASP.NET MVC 的分部视图,在语法和功能这两个不同的角度,理论上可以理解为用户控件。WEB用户控件在WEB窗体中使用ViewState、PostBacks, and Events 。而在MVC的分部视图,不使用任何上述技术管理状态。正如ASP.NET Web用户控件做的,分部视图,可以挖掘到你的应用程序以及其他应用程序组件之间的数据共享中的模型。

1、创建分部视图:

在解决方案管理器中,找到Views文件夹下的Shared文件夹,右键添加视图,选择创建为分部视图,如图:

如何在ASP.NET MVC中使用分部视图

2、修改分部视图:


分部视图中的p元素

3,在其他视图中引用分布视图:

 @Html.Partial("~/Views/Shared/IncludePart.cshtml");
 

原视图中的p元素

效果如图所示:

如何在ASP.NET MVC中使用分部视图

4,第二种引用方法,代码如下:

 @Html.Action("Test","Home")
 

原视图中的p元素

并且修改Home控制器中的Test动作方法,代码如下:

   public ActionResult Test()
   {
    return View("~/Views/Shared/IncludePart.cshtml");
   }

运行后的效果与3中的一致。

5,可以向Action中传递参数,代码如下:

 @Html.Action("Test", "Home", new { name = "SharpL", id = 1 })
 

原视图中的p元素

修改分部视图中的代码为:

我是分部视图

博客名为:@ViewBag.name

博客的id为:@ViewBag.id

修改Home控制器中Test动作方法的代码如下:

public ActionResult Test(string name,int id)
  {
   ViewBag.id = id;
   ViewBag.name = name;
   return View("~/Views/Shared/IncludePart.cshtml");
  }

运行后的效果如图:

如何在ASP.NET MVC中使用分部视图

6,普通的视图也可以作分部视图使用

代码如下:

@Html.Partial("~/Views/View1.cshtml")

其中View1为普通视图如下:

 

我是普通视图中的p元素

效果如图所示:

如何在ASP.NET MVC中使用分部视图

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联网站建设公司,的支持。


网页名称:如何在ASP.NETMVC中使用分部视图-创新互联
链接分享:http://pwwzsj.com/article/dehhse.html