私はこれらの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
}
そこで見つけたのは：
それは問題なく動作しますが、私はこれらを作成することに本当に慣れておらず、理解できないことがあることを認めます。
たとえば、現在、私の画像には次のように作成されたリンクがあります。
@Html.ImageLink("objectImage", "Object", "Details", null, Model[i].m_ObjThumbnailLink, Model[i].m_ObjName, null, null, null)
ご覧のとおり、コントローラーの「詳細」アクションは ID で動作するため、この場合、次のようにリンクを読み取る必要があります。
/Object/Details/1
1 は、このオブジェクトで見つけることができるオブジェクト ID です。しかし、そこのメソッドがRouteDictionaryValueを使用しているため、idをオブジェクトに渡す方法がわかりません。その仕組みがわからないため、最終的に次のリンクが表示されます。
/Object/Details
そしてもちろん、それはうまくいきません。ID または必要なデータを HtmlHelper に渡して、実際に機能するリンクを作成するにはどうすればよいですか?