使用Helper方法的MVC3 Razor上的動作圖像鏈接

Question

如何使用剃刀輔助方法實現它？

以下鏈接的答案使用擴展方法。 Action Image MVC3 Razor

Answer 1

我真的不知道爲什麼一個擴展方法是不適合的，但這樣的事情應該工作：

@helper ActionImage(string action, object routeValues, string imagePath, string alt) { 
    <a href="@Url.Action(action, routeValues)"> 
     <img src="@Url.Content(imagePath)" alt="@alt"> 
    </a> 
} 

這只是從我的頭頂，讓您的milage可能會有所不同。您還應該能夠將問題中提供的實現用作@functions { }塊，而不是擴展方法。

Answer 2

這裏是我的形象HTML輔助的簡單例子

關於HTML輔助小文章，以及如何分類：G642.44它在HTML輔助的另一個

http://www.sexyselect.net/blog/post/2011/08/16/Writing-a-Razor-MVC3-HTML-Helpers

例如 http://www.aspnetwiki.com/page:creating-custom-html-helpers

示例代碼

/// <summary> 
     /// Insights the traffic light image. 
     /// </summary> 
     /// <param name="html">The HTML.</param> 
     /// <param name="trafficLight">The traffic light.</param> 
     /// <returns>Image for the current traffic light. If not recognised writes name ot he light.</returns> 
     public static MvcHtmlString InsightTrafficLightImage(this HtmlHelper html, TrafficLight trafficLight) 
     { 
      StringBuilder result = new StringBuilder(); 
      string color = string.Empty; 
      string hoverText = string.Empty; 
      switch (trafficLight) 
      { 
       case TrafficLight.Amber: 
        { 
         color = "Yellow"; 
         hoverText = "Work in progress"; 
         break; 
        } 
       case TrafficLight.Green: 
        { 
         color = "green"; 
         hoverText = "Complete"; 
         break; 
        } 

       case TrafficLight.Red: 
        { 
         color = "red"; 
         hoverText = "Not yet started"; 
         break; 
        } 
       case TrafficLight.Black: 
       case TrafficLight.Unknown: 
       default: 
        { 
         break; 
        } 
      } 

      if (!string.IsNullOrEmpty(color)) 
      { 
       TagBuilder img = new TagBuilder("img"); 
       img.MergeAttribute("src", string.Format("/Content/images/traffic_light_{0}.gif", color)); 
       img.MergeAttribute("alt", hoverText); 
       img.MergeAttribute("title", hoverText); 
       result.Append(img.ToString()); 
      } 
      else 
      { 
       result.Append(Enum.GetName(typeof(TrafficLight), trafficLight)); 
      } 
      return MvcHtmlString.Create(result.ToString()); 
     } 

希望你找到它有用