asp.net MVC局部视图控制器动作

时间:2009-09-03 01:36:33

标签: asp.net-mvc asp.net-mvc-partialview html.renderpartial

我对网络应用程序开发非常陌生,我认为我会从最近的技术开始,所以我正在努力学习asp.net以及MVC框架。对于MVC专业人士来说,这可能是一个非常简单的问题。

我的问题是部分视图是否应该有关联的操作,如果是,那么只要普通页面在部分视图上使用RenderPartial(),就会调用此操作吗?

4 个答案:

答案 0 :(得分:134)

虽然您可以使用返回部分视图的操作,但您无需执行操作即可呈现部分视图。 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 );
     }
}

答案 1 :(得分:3)

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

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

答案 2 :(得分:2)

答案是否定的。但有时你需要在局部视图后面进行一些控制器操作。然后,您可以创建一个返回局部视图的actionMethod。可以在另一个视图中调用此actionMethod:

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

动作方法可能如下:

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

}

并且视图'StockWarningsPartial.cshtml'以:

开头
@{
    Layout = null;
}

使其不再渲染周围的布局。

答案 3 :(得分:1)

我能够用这种逻辑实现类似的东西。

在.cshtml中

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

在控制器内

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

就是这样。

如果您需要将.cshtml中的值传递给action方法,则可以将其传递给。