ASP.NET MVC3調用分部視圖-PartialView的幾種方式(集)

我們的網頁通常會有好幾個部分組成，一些公共的區域我們通常會做成PartialView(部分視圖)，但這些視圖並不是完全固定的，所以還是需要 特定的Controller來控制。如果只是靜態的html，雖然也可以做成PartialView，但意義不大。下面演示一下MVC3中如何調用 PartialView。

首先我們創建一個測試用的Controller：

TestController

 

public  class  TestController : Controller

{

     public  ActionResult Message()

     {

         var testObj =  new  List< string >()

         {

             "aaa" ,  "bbb" ,  "ccc"

         };

 

         return  PartialView( "Message" , testObj);

     }

}

里面就一個Action方法，Message()，返回的是一個名為“Message”的PartialView，並且把一管字符串作為參數傳給了這個View。

通常，我們創建了Controller后，會點右鍵，添加一個View。VS會默認在Views文件夾里建立對應的view文件，這個例子里本應該 是“Test/Message.cshtml”。但對於partialView，我們不這樣做。因為它是一個可重用的View，所以應該放到Shared 文件夾下。MVC是“約定先行”的編程，所以默認會去找Shared文件夾下的View以及當前頁面所在Controller下的View。

所以我們得在Shared文件夾上點右鍵，添加一個View，並且選擇“Create as a Partial View”，這樣就不會添加layout等代碼，是個完全空白的view。

 

然后，我們要根據Action的返回類型，做一些html的工作。這里是簡單輸出了List<string>中的每個字符串。

Message.cshtml

@model List< string >

 

<ul>

@ foreach  (var item  in  Model)

{

     <li>@item</li>

}

</ul>

最后，我們在別的視圖里就可以調用這個PartialView了。

一種方法是指定Controller和Action：

<h3>Call Html.Action</h3>

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

但Controller和Action不是必須的，你也可以新建一個對象傳給PartialView:

<h3>Call Html.Partial</h3>

@Html.Partial( "Message" ,  new  List< string > {  "ccc" ,  "ddd" ,  "eee"  })

注： Html.Action ( "Message" ,  "Test" )   @Html.Partial( "Message" ,  new   List< string > {  "ccc" ,  "ddd" ,  "eee"   }) 

Html.Partial( "Message" ,  new   List< string > {  "ccc" ,  "ddd" ,  "eee"   } ) 約定在調用的 View所在的文件夾找，或到 Shared文件夾找……View的文件

還有一種比較常見的情況就是腳本請求，下面的代碼就是通過JQuery去調用Test/Message，並把結果填充到ID為fuck的DIV中：

< h3 >Use JQuery</ h3 >

< a  href = "javascript:;"  onclick = "loadFuck()" >Invoke LoadPartial</ a >

< div  id = "fuck" >

     

</ div >

 

< script  type = "text/javascript" >

     function loadFuck() {

         $("#fuck").load('/Test/Message');

     }

</ script >