Html.RenderPartial与Html.RenderAction 用法

╰半橙微兮° 2023-01-20 08:21 87阅读 0赞

**mvc renderaction   renderpartial  杂谈 **

**    Html.RenderPartial与Html.RenderAction这两个方法都是用来在界面上嵌入用户控件的。**

**     Html.RenderPartial是直接将用户控件嵌入到界面上：**

**    <%Html.RenderPartial("LogOnUserControl");%>**

**或**

**    <%Html.RenderPartial("~/Areas/Comm/Views/Shared/LogOnUserControl.ascx");%>**

**注意：用第一种方法时，用户控件必须放在调用者同一目录下，也可以放在View/Shared中。**

**    Html.RenderAction则通过Controller中的Action来调用用户控件**

**Controller:----用户控件所在Controller**

**    public ActionResult UserControl()  
    \{  
        return PartialView();  
    \}**

**View:----调用用户控件的View**

**    <%Html.RenderAction("UserControl","Controller");%>**

**个人比较喜欢用RenderPartial**

RenderPartial和RenderAction都是在Asp.net Mvc中用来显示PartialView的方法，所以在什么时候用哪个方法就是碰到的第一个问题。而要做出正确的选择就需要对这两个都有充分的了解，并且 知道其异同点。这也是本文的主题。

### What is Html.RenderPartial ###

Html.RenderPartial在Asp.net Mvc中是用来调用PartialView的。PartialView基本上就是Asp.net Webform中的UserControl。调用也很简单，只要在View中把PartialView的名字作为参数传递就可以。比如:

YourData是一个可选的参数。如果有，那么YourData会被赋给PartialView中的Model。如果没有，那么调用 RenderPartial的View中的Mode和ViewData会被传递给PartialView。也就是说，PartialView的数据来自于 调用的View。

### What is Html.RenderAction ###

Html.RenderAction允许你直接调用某一个Action，并把返回的结果直接显示在当前调用的View中。比如：

此时，TagController中的Show方法会被调用。由于这时调用的是一个Action方法，因此可以在此方法中完成你想要完成的各种操作，比如从数据库，文件等获取数据，写数据等并返回结果。

<table style="line-height:24px"> 
 <tbody style="line-height:24px"> 
  <tr style="line-height:24px"> 
   <td style="line-height:24px"> 
    <div style="line-height:25px"> 
     <div style="line-height:25px"> 
      <code style="line-height:24px"><span style="background-color:rgb(255,255,255)">[OutputCache(Duration=6000)]</span></code> 
     </div> 
     <div style="line-height:25px"> 
      <span style="background-color:rgb(255,255,255)"><code style="line-height:24px">public</code>&nbsp;<code style="line-height:24px">ActionResult Show()</code></span> 
     </div> 
     <div style="line-height:25px"> 
      <code style="line-height:24px"><span style="background-color:rgb(255,255,255)">{ </span></code> 
     </div> 
     <div style="line-height:25px"> 
      <span style="background-color:rgb(255,255,255)"><code style="line-height:24px">&nbsp;&nbsp;&nbsp;&nbsp;</code><code style="line-height:24px">var tagData =&nbsp;</code><code style="line-height:24px">null</code><code style="line-height:24px">;</code></span> 
     </div> 
     <div style="line-height:25px"> 
      <span style="background-color:rgb(255,255,255)"><code style="line-height:24px">&nbsp;&nbsp;&nbsp;&nbsp;</code><code style="line-height:24px">//Get data from database</code></span> 
     </div> 
     <div style="line-height:25px"> 
      <span style="background-color:rgb(255,255,255)"><code style="line-height:24px">&nbsp;&nbsp;&nbsp;&nbsp;</code><code style="line-height:24px">//tagData = tagService.AllHot();</code></span> 
     </div> 
     <div style="line-height:25px"> 
      <span style="background-color:rgb(255,255,255)"><code style="line-height:24px">&nbsp;&nbsp;&nbsp;&nbsp;</code><code style="line-height:24px">return</code>&nbsp;<code style="line-height:24px">PartialView(</code><code style="line-height:24px">"TagCloud"</code><code style="line-height:24px">, tagData);</code></span> 
     </div> 
     <div style="line-height:25px"> 
      <code style="line-height:24px"><span style="background-color:rgb(255,255,255)">}</span></code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

TagCloud是一个简单的PartialView文件而已。

### 两者的相同点 ###

RenderPartial和RenderAction通常都被用来显示一个功能相对独立的“块”，比如说显示菜单或者导航条。 两者输出的结果都被作为调用的View的一部分显示。

### 两者的不同点 ###

1.  RenderPatial的数据来自于调用的View，而RenderPatial来自自己。
2.  RenderAction会发起一个新的Request，而RenderPatial不会。

### 如何选择 ###

根据两者不同点中的第二点，由于RenderAction会调用一个新的Action方法，而Asp.net Mvc中Action是最小的缓存单位，因此如果某一个“块”的数据比较固定，不会因为访问者的不同而发生变化，那么这时就是使用 RenderAction的时候了。 题外话，对于RenderAction会发起一个新的Request，感觉对调用页面的流程有点破坏。一个View在显示的时候，自己又发起一个 Request去获取数据来显示，显然有点破坏了作为一个View的原则：

> A View should only know how to render, but not what to render!

**结束了， This is all.**