Вопрос по asp.net-mvc-3, asp.net – MVC 3 метод расширения htmlhelper для обтекания содержимого

18

Я искал, но не смог найти быстрых решений для MVC 3 htmlhelper для создания метода-оболочки. Я ищу что-то вроде:

@html.createLink("caption", "url")
{
    <html> content in tags </html>
}

результат должен иметь

<a href="url" title="Caption">
  <html> content in tags </html>
</a>

Любая помощь с этим.

Я добавил ответ, который, я думаю, является тем, что вы ищете. Jamie Dixon
Beginform только для иллюстрации ... не для реального использования. Sanj
Вы спрашиваете, возможно ли сделать что-то вроде этого:@Html.ActionLink("<span class='red'>Hello</span> World", "MyAction") ? CallumVass
Нет не это. Я знаю, что есть подходы типа BeginForm () и EndForm () для обработки этого типа сценария, но при выполнении этого в большом масштабе может возникнуть проблема, если вы забудете один конечный тег. Sanj
Я не уверен, что знаю, что вы имеете в виду? Вы бы не использовалиBeginForm по этому сценарию? Вы используетеBeginForm создать форму, а не якорную ссылку. CallumVass

Ваш Ответ

3   ответа
2

На простейшем уровне что-то подобное сделало бы это

public static MvcHtmlString SomeLink(this HtmlHelper htmlHelper, string href, string     title,  string content )
    {
        var urlHelper = ((Controller)htmlHelper.ViewContext.Controller).Url;
        //var url = urlHelper.Action(actionName, controllerName, routeValues);

        var someLink = new TagBuilder("a");
        someLink.MergeAttribute("href", href);
        someLink.InnerHtml = content;

        return new MvcHtmlString(someLink.ToString());
    }
8

без одноразового трюка. Это меньше работы, отлично подходит для маленьких помощников. Я ответил на аналогичный вопрос и не хочу копировать все, но вот короткий пример:

@helper Paragraph(string cssClass, Func<object, object> markup) {
    <p class="@cssClass">@markup.DynamicInvoke(this.ViewContext)</p>
}

Использование этого помощника выглядит следующим образом:

@Paragraph("highlited", 
    @<text>
        Look, a @Html.ActionLink("link", "index")
    </text>
)

Мой полный ответ на другой похожий вопросВот.

43

которым это делается с помощью BeginForm, заключается в том, что тип возвращаемого значенияMvcForm implimentsIDisposable так что при использовании вusing заявление,Dispose методMvcForm выписывает закрытие</form> тег.

Вы можете написать метод расширения, который делает то же самое.

Вот тот, который я только что написал, чтобы продемонстрировать.

First off, the extension method:

public static class ExtensionTest
{
    public static MvcAnchor BeginLink(this HtmlHelper htmlHelper)
    {
        var tagBuilder = new TagBuilder("a");
        htmlHelper.ViewContext.Writer
                        .Write(tagBuilder.ToString(
                                             TagRenderMode.StartTag));
        return new MvcAnchor(htmlHelper.ViewContext);
    }
}

И вот наш новый тип, MvcAnchor:

public class MvcAnchor : IDisposable
{
    private readonly TextWriter _writer;
    public MvcAnchor(ViewContext viewContext)
    {
        _writer = viewContext.Writer;
    }

    public void Dispose()
    {
        this._writer.Write("</a>");
    }
}

По вашему мнению теперь вы можете сделать:

@{
    using (Html.BeginLink())
    { 
        @Html.Raw("Hello World")
    }
}

Который дает результат:

<a>Hello World</a>

Немного расширив это, чтобы удовлетворить ваши точные требования:

public static MvcAnchor BeginLink(this HtmlHelper htmlHelper, 
                                   string href, 
                                   string title)
{
    var tagBuilder = new TagBuilder("a");
    tagBuilder.Attributes.Add("href",href);
    tagBuilder.Attributes.Add("title", title);
    htmlHelper.ViewContext.Writer.Write(tagBuilder
                                    .ToString(TagRenderMode.StartTag));
    return new MvcAnchor(htmlHelper.ViewContext);
}

и наш взгляд:

@{
  using (Html.BeginLink("http://stackoverflow.com", "The Worlds Best Q&A site"))
  { 
      @Html.Raw("StackOverflow - Because we really do care")
  }
}

который дает результат:

<a href="http://stackoverflow.com" title="The Worlds Best Q&amp;A site">
   StackOverflow - Because we really do care</a>
Error: User Rate Limit Exceeded

Похожие вопросы