iT邦幫忙

DAY 8
3

ASP.NET Web技術小技巧分享系列 第 8

[ASP.NET MVC]利用ViewEngines來載入不同的View

這標題有點抽象,製作Master Page 與 Detail Page,在ASP.NET我們通常會用Masterpage控制項,去把一些共用的樣式放在母版裡面,當然也可以利用Ajax的方式載入Detail Page的內容放置div裡面,在ASP.NET MVC,做法當然也有很多種,在這裡分享一下我實務上常用到的小技巧:

先新增一個MVC專案,在Controllers裡面增加MasterPage的Controllers,並產生一個Index的View,及3個分別顯示不同內容的View,Controllers裡會是長這樣子:

public ActionResult Index(int Type)
{
    string ViewType = string.Empty;
 
    //針對傳入的參數,導向不同的View
    switch (Type)
    {
        case 1:
            ViewType = "Detail1";
            break;
        case 2:
            ViewType = "Detail2";
            break;
        case 3:
            ViewType = "Detail3";
            break;
        default:
            break;
    }
 
    var content = string.Empty;
    var view = ViewEngines.Engines.FindView(ControllerContext, ViewType, null);
    using (var writer = new StringWriter())
    {
        var context = new ViewContext(ControllerContext, view.View, ViewData, TempData, writer);
        view.View.Render(context, writer);
        writer.Flush();
        content = writer.ToString();
    }
    ViewData["DetailView"] = content.ToString();
 
    return View();
}

此頁面需要傳入一個int的Url參數,再針對不同的值顯示不同的Detail內容,
我們可以用ViewEngines這個Class來取得View的內容,
取得之後將View的內容丟給ViewData,然後再丟給Index.cshtml顯示:

@{
    Layout = null;
}
 

 


    <title>Index</title>


    <div>
        @(new HtmlString(ViewData["DetailView"].ToString()))
    </div>

以下為結果:


上一篇
[Jquery]使用Cycle Plugin輕鬆做出輪播功能
下一篇
[ASP.NET]將數字轉為圖片
系列文
ASP.NET Web技術小技巧分享27

1 則留言

0

我要留言

立即登入留言