Как изменить это значение на <% Html.ActionLink%> в моем приложении asp.net mvc

Question

Я новичок в ASP.net mvc. Может ли кто-нибудь помочь мне преобразовать весь этот код в html.Actionlink

<div class="MenuItemContainer">
      <a href="/Home">
            <div class="MenuItemContent">
                <div>
                    <img src="/Content/TopMenu/Icons/Home.png" alt="Home" />
                </div>
                <div>
                    Home
                </div>
            </div>
        </a>
    </div>

Спасибо

Answer 1

Вы можете написать собственный помощник HTML:

public static class HtmlExtensions
{
    public static IHtmlString MyActionLink(
        this HtmlHelper htmlHelper, 
        string linkText, 
        string action, 
        string controller, 
        string imageUrl,
        string alt
    )
    {
        var urlHelper = new UrlHelper(htmlHelper.ViewContext.RequestContext);
        var div = new TagBuilder("div");
        div.AddCssClass("MenuItemContainer");
        var anchor = new TagBuilder("a");
        anchor.Attributes["href"] = urlHelper.Action(action, controller);
        var itemContent = new TagBuilder("div");
        itemContent.AddCssClass("MenuItemContent");
        var img = new TagBuilder("img");
        img.Attributes["src"] = urlHelper.Content(imageUrl);
        img.Attributes["alt"] = alt;
        itemContent.InnerHtml = string.Format(
            "<div>{0}</div><div>{1}</div>", 
            img, 
            htmlHelper.Encode(linkText)
        );
        anchor.InnerHtml = itemContent.ToString();
        div.InnerHtml = anchor.ToString();
        return new HtmlString(div.ToString());
    }
}

и затем используйте его:

<%= Html.MyActionLink(
     "Hello", 
     "Index", 
     "Home", 
     "~/Content/TopMenu/Icons/Home.png",
     "Home"
) %>

Answer 2

Я бы сделал частичный или шаблон отображения для этого, который отображает модель представления. Ваш метод расширения HtmlHelper создаст модель представления и вызовет DisplayFor или RenderPartial.

Преимущество заключается в том, что вы сохраняете ваш шаблон в формате HTML, что облегчает чтение, а не возиться с создателями тегов.

Answer 3

Вам нужно создать свой собственный Html Helper, такой как Helpers.MenuLink("LinkText", "View", "ImagePath/Image.png").

Вот ссылка, которая объясняет, как это сделать: http://www.asp.net/mvc/tutorials/older-versions/views/creating-custom-html-helpers-cs