@html.action 访问分部视图,EF5+MVC4系列(11)在主视图中用Html.RenderPartial调用分部视图(ViewDate传值);在主视图中按钮用ajax调用子action并在...

weixin_39661129

于 2021-06-26 23:29:03 发布

阅读量157

点赞数

文章标签： @html.action 访问分部视图

一:主视图中使用Html.RenderPartial来调用子视图(注意,这里是直接调用子视图,而没有去调用子Action )

在没有使用母版页的主视图中(也就是设置了layout为null的视图中),使用 Html.RenderPartial 可以调用分部视图(只调用视图,不调用action),并且使用 ViewData 来从主Action里面传值到主视图,或者是分布视图

最后生成的html如下

二:在主视图中按钮用ajax调用子action并在子action中使用return PartialView返回分布视图(return view 和return PartialView 的区别)

这种情景是,我们在主视图中,有个按钮,点击之后,调用ajax去请求另外一个子Action ,并且子Action 用 Return View或者是Return PartialView 来返回完整视图,或者是分部视图.

这个很简单,就是在主视图中,调用 ajax,来访问子 action的方法, 如果要传递至,就自己在 ajax 里面来写参数

后台

public ActionResult Login()

{

return PartialView("PartialLogin"); //如果是返回分部视图,那么不走_ViewStart.cshtml页面,直接就去分部视图页

//return View("PartialLogin"); //如果是返回全部视图,那么就走_ViewStart.cshtml页面(这里还要走Layout的中设置的页面),然后再走视图页面

}

我们看看我们的分部视图 PartialLogin.cshtml 很简单,就两行代码

我们先看看通过return PartialView("PartialLogin");返回的分部视图,由于是没有走 _ViewStart.cshtml 的,所以直接就返回视图里面的内容

我们再来看看 return View("PartialLogin"); 返回全部视图. 全部视图有个特点是会先走 ViewStart.cshtml 页面, 我们看看 ViewStart.cshtml中有什么代码

由于在ViewStart.cshtml 中的 Layout有设置页面,那么还会去执行这个页面中的代码

我们在代码中看到是一大段的代码,执行完这段之后,最后再去执行我们指定的视图 PartialLogin ,注意,由于在ViewStart 的Layout设置的页面 (_Layout.cshtml) 中有用到 RendyBody 这个方法,所以后面要有代码来填这个坑

那么最后返回给前台的代码是?

结论当调用子 action的时候,如果返回的是 return PartialView("PartialLogin"); 则不走 _ViewStart.cshtml页面 , 直接走视图 .最后再返回给主视图中的Ajax要调用到的地方

如果返回的是 return View("PartialLogin"); 那么就先走_ViewStart.cshtml页面(如果Layout有设置页面,那么先要走Layout中的页面),然后再正常走视图,最后再返回给主视图中的 Ajax要调用到的地方

关注