有時候,我們不太想把PartialView直接Render在Html上,而是使用jQuery來動態加載,或是某一個事件來加載。
為了演示與做好這個練習,我們先在Views目錄下的Home下創建_Partial1.cshtml部分視圖,視圖內容任你自定義,Insus.NET在本例中只讓其顯示一些文字與一張圖片:
接下來,我們需要建立一個ActionResult()方法,在Controllers目錄之下,打開HomeController.cs:
再去Views\Home目錄,創建一個DynamicLoad視圖,然后就可以在此視圖中,練習動態加載文章開頭創建好的部分視圖了。
在視圖中,Insus.NET只寫了一個Div標簽,稍后partialView就會加載於此。
但是,由於PartialView(部分視圖)不能跟view(視圖)一樣,直接能夠瀏覽。再加上動態加載時,我們需要指定一個部分視圖的路徑,因此,Insus.NET需要在控制器中添加一個方法PartialViewResult():
這樣,我們就可以回到剛才那個DynamicLoad.cshtml視圖,寫jQuery代碼了:
視圖運行時,可以看到下面的效果:
