使用自定义的HTML帮助，以使图像的链接：如何在RouteValueDictionary

Question

传递数据我使用这些HTML助手：

/* 
    * Image Link HTML helper 
    */ 

    /// <summary> 
    /// return image link 
    /// </summary> 
    /// <param name="_helper"></param> 
    /// <param name="_imageUrl">URL for image</param> 
    /// <param name="_controller">target controller name</param> 
    /// <param name="_action">target action name</param> 
    /// <param name="_linkText">anchor text</param> 
    public static MvcHtmlString ImageLink(this HtmlHelper _helper, string _imageUrl, string _controller, 
            string _action, string _linkText) 
    { 
     return ImageLink(_helper, null, _controller, _action, _linkText, _imageUrl, null, null, null, null); 
    } 

    /// <summary> 
    /// return image link 
    /// </summary> 
    /// <param name="_helper"></param> 
    /// <param name="_imageUrl">URL for image</param> 
    /// <param name="_controller">target controller name</param> 
    /// <param name="_action">target action name</param> 
    /// <param name="_linkText">anchor text</param> 
    /// <param name="_htmlAttributes">anchor attributes</param> 
    public static MvcHtmlString ImageLink(this HtmlHelper _helper, string _imageUrl, string _controller, 
              string _action, string _linkText, object _htmlAttributes) 
    { 
     return ImageLink(_helper, null, _controller, _action, _linkText, _imageUrl, null, null, new RouteValueDictionary(_htmlAttributes), null); 
    } 

    /// <summary> 
    /// return image link 
    /// </summary> 
    /// <param name="_helper"></param> 
    /// <param name="_imageUrl">URL for image</param> 
    /// <param name="_controller">target controller name</param> 
    /// <param name="_action">target action name</param> 
    /// <param name="_linkText">anchor text</param> 
    /// <param name="_htmlAttributes">anchor attributes</param> 
    /// <param name="_routeValues">route values</param> 
    public static MvcHtmlString ImageLink(this HtmlHelper _helper, string _imageUrl, string _controller, 
              string _action, string _linkText, object _htmlAttributes, object _routeValues) 
    { 
     return ImageLink(_helper, null, _controller, _action, _linkText, _imageUrl, null, null, new RouteValueDictionary(_htmlAttributes), new RouteValueDictionary(_routeValues)); 
    } 

    /// <summary> 
    /// return image link 
    /// </summary> 
    /// <param name="_helper"></param> 
    /// <param name="_id">Id of link control</param> 
    /// <param name="_controller">target controller name</param> 
    /// <param name="_action">target action name</param> 
    /// <param name="_linkText"></param> 
    /// <param name="_strImageURL">URL for image</param> 
    /// <param name="_alternateText">Alternate Text for the image</param> 
    /// <param name="_strStyle">style of the image like border properties, etc</param> 
    /// <returns></returns> 
    public static MvcHtmlString ImageLink(this HtmlHelper _helper, string _id, string _controller, 
              string _action, string _linkText, string _strImageURL, 
              string _alternateText, string _strStyle) 
    { 
     return ImageLink(_helper, _id, _controller, _action, _linkText, _strImageURL, _alternateText, _strStyle, null, null); 
    } 

    /// <summary> 
    /// return image link 
    /// </summary> 
    /// <param name="_helper"></param> 
    /// <param name="_id">Id of link control</param> 
    /// <param name="_controller">target controller name</param> 
    /// <param name="_action">target action name</param> 
    /// <param name="_linkText">anchor text</param> 
    /// <param name="_strImageURL">URL for image</param> 
    /// <param name="_alternateText">Alternate Text for the image</param> 
    /// <param name="_strStyle">style of the image like border properties, etc</param> 
    /// <param name="_htmlAttributes">html attribues for link</param> 
    /// <param name="_routeValues"></param> 
    /// <returns></returns> 
    public static MvcHtmlString ImageLink(this HtmlHelper _helper, string _id, string _controller, 
              string _action, string _linkText, string _strImageURL, string _alternateText, 
              string _strStyle, IDictionary<string, object> _htmlAttributes, RouteValueDictionary _routeValues) 
    { 
     // Build the img tag 
     TagBuilder image = new TagBuilder("img"); 
     image.MergeAttribute("src", VirtualPathUtility.ToAbsolute(_strImageURL)); 
     image.MergeAttribute("alt", _alternateText); 
     image.MergeAttribute("valign", "middle"); 
     image.MergeAttribute("border", "none"); 

     TagBuilder span = new TagBuilder("span"); 

     // Create tag builder 
     var anchor = new TagBuilder("a"); 
     var url = new UrlHelper(_helper.ViewContext.RequestContext).Action(_action, _controller, _routeValues); 

     // Create valid id 
     anchor.GenerateId(_id); 

     // Add attributes 
     //anchor.MergeAttribute("href", "/" + controller + "/" + action); //form target URL 
     anchor.MergeAttribute("href", url); 
     anchor.MergeAttribute("class", "actionImage"); 
     if (_htmlAttributes != null) 
      anchor.MergeAttributes(new RouteValueDictionary(_htmlAttributes)); 

     // place the img tag inside the anchor tag. 
     if (String.IsNullOrEmpty(_linkText)) 
     { 
      anchor.InnerHtml = image.ToString(TagRenderMode.Normal); 
     } 
     else 
     { 
      span.InnerHtml = _linkText; 
      anchor.InnerHtml = image.ToString(TagRenderMode.Normal) + " " + span.ToString(TagRenderMode.Normal); 
     } 

     // Render tag 
     return MvcHtmlString.Create(anchor.ToString(TagRenderMode.Normal)); //to add </a> as end tag 
    } 

，我发现有：

How to render an action link with an image?

它工作正常，但我承认，我真的不习惯做这些，有些事我不明白。

例如，现在，有我的形象上的一个链接，这样做：

@Html.ImageLink("objectImage", "Object", "Details", null, Model[i].m_ObjThumbnailLink, Model[i].m_ObjName, null, null, null) 

你看，我的控制我的“细节”的动作用一个ID，所以在这种情况下，我d需要链接阅读如下：

/Object/Details/1 

1是我可以在此对象中找到的对象ID。但我不知道怎么ID传递给该对象，因为该方法在那里使用RouteDictionaryValue和我不知道是如何工作的，所以我最终有此链接：

/Object/Details 

而且，当然，这是行不通的。如何将ID或所需数据传递给HtmlHelper以创建实际可用的链接？

Answer 1

经过很多解决方法之后，我有点想通了！

我不得不改变我的链接：

@Html.ImageLink("objectImage", "Object", "Details", null, Model[i].m_ObjThumbnailLink, Model[i].m_ObjName, null, null, null) 

这样的：

@Html.ImageLink("objectImage", "Object", "Details", null, Model[i].m_ObjThumbnailLink, Model[i].m_ObjName, null, null, new RouteValueDictionary(new { @id = Model[i].m_ObjID})) 

... Annd，完美的作品。但是我仍然不明白什么是RouteValueDictionary，所以随意发布，因为我一定会读它们！