asp.net MVC部分视图控制器操作


77

我对Web应用程序开发非常陌生,我想我将从最新技术入手,因此我试图同时学习asp.net和MVC框架。对于MVC专业人士来说,这可能是一个非常简单的问题。

我的问题是,局部视图应该具有关联的操作RenderPartial()吗?如果是这样,那么当普通页面在局部视图上使用时,是否会调用此操作?

Answers:


137

虽然您可以执行返回部分视图的操作,但不需要执行操作即可呈现部分视图。RenderPartial获取局部视图,并使用给定模型和视图数据(如果提供)将其渲染到当前(父)视图中。

如果您使用AJAX加载/重新加载页面的一部分,则可能需要一个返回部分视图的操作。在这种情况下,不需要返回完整视图,因为您只想重新加载页面的一部分。在这种情况下,您可以使操作仅返回与页面该部分相对应的局部视图。

标准机制

在普通视图中使用部分视图(无需执行任何操作)

...some html...
<% Html.RenderPartial( "Partial", Model.PartialModel ); %>
...more html..

Ajax机制

通过AJAX重新加载页面的一部分(注意在初始页面加载中部分呈现为内联)

...some html...
<div id="partial">
<% Html.RenderPartial( "Partial", Model.PartialModel ); %>
</div>
...more html...

<script type="text/javascript">
   $(function() {
       $('#someButton').click( function() {
           $.ajax({
              url: '/controller/action',
              data: ...some data for action...,
              dataType: 'html',
              success: function(data) {
                 $('#partial').html(data);
              },
              ...
           });
       });
   });
</script>

AJAX的控制器

public ActionResult Action(...)
{
     var model = ...

     ...

     if (Request.IsAjaxRequest())
     {
          return PartialView( "Partial", model.PartialModel );
     }
     else
     {
          return View( model );
     }
}

我知道,我只是在为MVC应用程序使用VS模板。我正在尝试在部分视图中显示多个客户端列表。我目前有一个数据传输模型类,如何在不涉及呈现此局部视图的页面视图的情况下将该模型发送到局部视图?谢谢你的帮助!
yogibear

1
部分视图始终包含在主视图中。仅通过AJAX更新时,您将独自返回部分的唯一机会。想必你会使用部分显示一个客户名单。也许您会在视图中使用一个foreach循环来遍历列表(包含在视图模型中),并将每个列表传递给局部模型。
tvanfosson

哇,答案很全面,谢谢tvanfosson!
yogibear

一种建议是使用Url.Action,因为这样对路径进行硬编码会在路线更改或地图结构更改时中断应用程序。
Jean-Paul

3

接受的答案是完全正确的,但是我想补充一点,您可以使用jQuery load来加载部分视图。如果您不想考虑并发性,则需要的配置更少。

$("#Your-Container").load("/controller/action/id");

1
一种建议是使用Url.Action,因为这样对路径进行硬编码会在路线更改或地图结构更改时中断应用程序。
Jean-Paul

完全同意您@JpHouten。
赛义德(Saeid)2016年

2

答案是不。但是有时您需要在部分视图后进行一些控制器操作。然后,您可以创建一个操作方法,该方法将返回部分视图。可以在另一个视图中调用此actionMethod:

@Html.Action("StockWarningsPartial", "Stores")

动作方法如下所示:

public ActionResult StockWarningsPartial()
{
      ....              
      return View("StockWarningsPartial", warnings);

}

并且“ StockWarningsPartial.cshtml”视图的开头为:

@{
    Layout = null;
}

使其不再呈现周围的布局。


2

通过这种逻辑,我能够实现类似的目标。

在.cshtml中

@Html.Action("ActionMethodName", "ControllerName");

在控制器内

[Route("some-action")]
public ActionResult ActionMethodName()
{
    var someModel = new SomeModel();
    ...
    return PartialView("SomeView.cshtml", someModel);
}

就是这样。

如果您需要将值从.cshtml传递给action方法,则可以这样做。


1
完美的例子。您以简洁明了的方式在控制器和视图中显示了交互和代码。没有绒毛。谢谢。
eaglei22
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.