MVC3標籤助手

Question

我需要一個可以處理頁面上「標籤」功能的html助手。點擊選項卡將重新加載頁面並重新加載部分視圖（如果指定）。我這樣寫，但不確定這是最好的解決方案。

public static class TabExtensions 
{ 
    public static MvcHtmlString Tabs(this HtmlHelper htmlHelper, List<TabItem> tabItems, object htmlAttributes = null) 
    { 
     if (tabItems == null) 
     { 
      throw new ArgumentException("at least one tab item required"); 
     } 

     string viewName = string.Empty; 
     object model = null; 
     var sb = new StringBuilder(); 
     sb.Append("<a name=\"tabs\"></a>"); 

     var tagUl = new TagBuilder("ul"); 
     tagUl.MergeAttributes(HtmlHelper.AnonymousObjectToHtmlAttributes(htmlAttributes)); 

     // Current url data 
     var baseUri = new UriBuilder(htmlHelper.ViewContext.HttpContext.Request.Url); 
     var selTab = htmlHelper.ViewContext.RequestContext.HttpContext.Request.QueryString["tab"]; 

     foreach (var tab in tabItems) 
     { 
      // No tab user selected 
      if (string.IsNullOrEmpty(selTab)) 
      { 
       selTab = tab.TabLinkText; 
      } 

      var tagLi = new TagBuilder("li"); 
      string tagInnerHtml; 

      if (selTab.Equals(tab.TabLinkText, StringComparison.OrdinalIgnoreCase)) 
      { 
       tagLi.MergeAttribute("class", "current"); 
       tagInnerHtml = string.Format("<strong>{0}</strong>", tab.Text); 
       viewName = tab.PartialViewName; 
       model = tab.PartialViewModel; 
      } 
      else 
      { 
       tagInnerHtml = tab.Text; 
      } 

      var queryToAppend = string.Concat("tab=", tab.TabLinkText); 
      var querystring = new StringBuilder(); 

      if (baseUri.Query.Length > 1) 
      { 
       if (baseUri.Query.Contains("tab")) 
       { 
        querystring.Append(baseUri.Query.Replace(string.Concat("tab=", selTab), queryToAppend)); 
       } 
       else 
       { 
        querystring.Append(baseUri.Query + "&" + queryToAppend); 
       } 
      } 
      else 
      { 
       querystring.Append("?" + queryToAppend); 
      } 

      // Assign anchor link 
      querystring.Append("#tabs"); 

      tagLi.InnerHtml = string.Format("<a href=\"{0}\">{1}</a>", querystring, tagInnerHtml); 
      tagUl.InnerHtml += tagLi.ToString(); 
     } 

     sb.Append(tagUl.ToString()); 

     // Render partial 
     if (!string.IsNullOrEmpty(viewName)) 
     { 
      htmlHelper.ViewData.Model = model; 

      using (StringWriter sw = new StringWriter()) 
      { 
       ViewEngineResult viewResult = ViewEngines.Engines.FindPartialView(htmlHelper.ViewContext.Controller.ControllerContext, viewName); 
       ViewContext viewContext = new ViewContext(htmlHelper.ViewContext.Controller.ControllerContext, viewResult.View, htmlHelper.ViewData, htmlHelper.ViewContext.TempData, sw); 
       viewResult.View.Render(viewContext, sw); 

       sb.Append(sw.GetStringBuilder().ToString()); 
      } 
     } 

     return MvcHtmlString.Create(sb.ToString()); 
    } 
} 

#region Tab Item Model 

public class TabItem 
{ 
    public string Text { get; set; } 

    public string TabLinkText { get; set; } 

    public string PartialViewName { get; set; } 

    public object PartialViewModel { get; set; } 

    public TabItem(string text, string tabLinkText) 
     : this() 
    { 
     this.Text = text; 
     this.TabLinkText = tabLinkText; 
    } 

    public TabItem(string text, string tabLinkText, string partialViewName, object partialViewModel = null) 
     : this() 
    { 
     this.Text = text; 
     this.TabLinkText = tabLinkText; 
     this.PartialViewName = partialViewName; 
     this.PartialViewModel = partialViewModel; 
    } 

    public TabItem() 
    { 
     this.Text = string.Empty; 
     this.PartialViewName = string.Empty; 
     this.TabLinkText = string.Empty; 
     this.PartialViewModel = null; 
    } 
} 

#endregion 

您可以使用它，像這樣：

    <% 
         var tabList = new List<TabItem> 
         { 
          new TabItem(LocalResources.fld_AboutFirm_lbl, "about"), 
          new TabItem(LocalResources.fld_FirmOffers_lbl, "offer"), 
          new TabItem(LocalResources.fld_Profile_lbl, "profile", "~/Views/Partial/FirmProfileTab.cshtml", Model), 
          new TabItem(LocalResources.fld_Contact_lbl, "contact", "~/Views/Partial/FirmContactTab.cshtml", Model) 
         }; 
        %> 
        <%: Html.Tabs(tabList, new { @class = "firmTabs clearfix" })%> 

這將生成html：

<ul class="firmTabs clearfix"><li><a href="?tab=about#tabs">O firmie</a></li><li><a href="?tab=offer#tabs">Firma oferuje</a></li><li><a href="?tab=profile#tabs">Profil</a></li><li class="current"><a href="?tab=contact#tabs"><strong>Kontakt</strong></a></li></ul> 

Answer 1

我認爲更好的解決方案是讓母版頁爲標籤的菜單和圖標籤內容的頁面爲。我的方法看起來非常複雜。爲什麼你需要這個html helper？如果你把你的html封裝到輔助方法中 - 你放棄了你的觀點。所以就MVC而言，我認爲你的方式並不好。