天天看點

在MVC應用程式中動态加載PartialView

有時候,我們不太想把PartialView直接Render在Html上,而是使用jQuery來動态加載,或是某一個事件來加載。

為了示範與做好這個練習,我們先在Views目錄下的Home下建立_Partial1.cshtml部分視圖,視圖内容任你自定義,Insus.NET在本例中隻讓其顯示一些文字與一張圖檔:

在MVC應用程式中動态加載PartialView

接下來,我們需要建立一個ActionResult()方法,在Controllers目錄之下,打開HomeController.cs:

在MVC應用程式中動态加載PartialView

再去Views\Home目錄,建立一個DynamicLoad視圖,然後就可以在此視圖中,練習動态加載文章開頭建立好的部分視圖了。

在MVC應用程式中動态加載PartialView

在視圖中,Insus.NET隻寫了一個Div标簽,稍後partialView就會加載于此。

但是,由于PartialView(部分視圖)不能跟view(視圖)一樣,直接能夠浏覽。再加上動态加載時,我們需要指定一個部分視圖的路徑,是以,Insus.NET需要在控制器中添加一個方法PartialViewResult():

在MVC應用程式中動态加載PartialView

這樣,我們就可以回到剛才那個DynamicLoad.cshtml視圖,寫jQuery代碼了:

在MVC應用程式中動态加載PartialView

視圖運作時,可以看到下面的效果:

在MVC應用程式中動态加載PartialView

繼續閱讀