Comment HtmlHelper peut-il être utilisé pour créer un lien hypertexte externe?

De la même manière que je peux créer un ActionLink dans ASP.NET MVC points à une action d'un contrôleur (par exemple - @Html.ActionLink("MyDisplayText", "MyAction", "MyController")), je voudrais être en mesure de créer un lien hypertexte avec un explicitement défini, l'url externe.

Ce que je suis à la recherche de code comme @Html.HyperLink("stackoverflow", "http://www.stackoverflow.com/") que génère ce code HTML: <a href="http://www.stackoverflow.com/">stackoverflow</a>

Si ce n'est pas possible, je peux toujours écrire le HTML à la main.

(C'est mon premier stackoverflow question. Comment excitant.)

source d'informationauteur Logical Fallacy

Un helper personnalisé pourrait ressembler à ceci:

namespace System.Web.Mvc {
    public static class HtmlHelperExtensions {
        public static MvcHtmlString Hyperlink(this HtmlHelper helper, string url, string linkText) {
            return MvcHtmlString.Create(String.Format("<a href='{0}'>{1}</a>", url, linkText));
        }
    }
}

Peut-il être la première de nombreuses personnalisé HtmlHelpers que vous utilisez!

Cette question est vieux de plusieurs années et a été conçu comme une réponse à ASP.NET MVC v2. Il y a sans doute mieux, plus agréable des façons de le faire maintenant, et je suggère fortement que vous pensez regarder @jkokorian de réponse. C'est juste une façon agréable de montrer ce que vous pourrait faire, pas ce que vous devrait faire!

Rien de vraiment nouveau à ajouter, mais j'ai tendance à utiliser object pour facultatif params sur HTML helpers, et ajouter new RouteValueDictionary(obj) qui les transforme en un KVP, vous pouvez les ajouter avec MergeAttributes.

Code:

public static class HtmlHelpers {
  public static MvcHtmlString ExternalLink(this HtmlHelper htmlHelper, string url, object innerHtml, object htmlAttributes = null, object dataAttributes = null) {
    var link = new TagBuilder("a");
    link.MergeAttribute("href", url);
    link.InnerHtml = innerHtml.ToString();
    link.MergeAttributes(new RouteValueDictionary(htmlAttributes), true);

    //Data attributes are definitely a nice to have.
    //I don't know of a better way of rendering them using the RouteValueDictionary however.
    if (dataAttributes != null) {
      var values = new RouteValueDictionary(dataAttributes);

      foreach (var value in values) {
        link.MergeAttribute("data-" + value.Key, value.Value.ToString());
      }
    }

    return MvcHtmlString.Create(link.ToString(TagRenderMode.Normal));
  }
}

Utilisation en vue:

De base constructeur:

@Html.ExternalLink("http://www.example.com", "Example!")

Avec les attributs Html:

@Html.ExternalLink("http://www.example.com", "Example!", new { title = "Example" })

Avec le HTML et les attributs de données:

@Html.ExternalLink("http://www.example.com", "Example!", new { target = "_blank" }, new { id = 1 })

Tests unitaires:

[TestMethod]
public void ExternalLink_Example_ShouldBeValid() {
  //Arrange
  var url = "http://www.example.com";
  var innerHtml = "Example";

  //Act
  var actual = HtmlHelpers.ExternalLink(null, url, innerHtml);

  //Assert
  actual.ToString().Should().Be(@"<a href=""http://www.example.com"">Example</a>");
}

[TestMethod]
public void ExternalLink_Example_WithHtmlAttributes_ShouldBeValid() {
  //Arrange
  var url = "http://www.example.com";
  var innerHtml = "Example";

  //Act
  var actual = HtmlHelpers.ExternalLink(null, url, innerHtml, new { title = "Example!", @class = "myLink", rel = "external", target = "_blank" });

  //Assert
  actual.ToString().Should().Be(@"<a class=""myLink"" href=""http://www.example.com"" external"" target=""_blank"" title=""Example!"">Example</a>");
}

[TestMethod]
public void ExternalLink_Example_WithDataAttributes_ShouldBeValid() {
  //Arrange
  var url = "http://www.example.com";
  var innerHtml = "Example";

  //Act
  var actual = HtmlHelpers.ExternalLink(null, url, innerHtml, new { title = "Example!" }, new { linkId = 1 });

  //Assert
  actual.ToString().Should().Be(@"<a data-linkId=""1"" href=""http://www.example.com"" title=""Example!"">Example</a>");
}

3

Vieille question: Mais la réponse est simple - vous ne savez pas si cela a toujours été une solution.
```
@Html.RouteLink("External Link", new {}, new { href="http://www.google.com" })
```
fait le tour bien - bien que peut-être un peu exagéré.

public static class HtmlHelpers    
{
    public static string Hyperlink(this HtmlHelper helper, string href, string text)
    {
        String.Format("<a href=\"{0}\">{1}</a>", href, text);
    }
}

Fonctionne. Utilisez cette option dans la HtmlHelper désigne une méthode d'extension. Aussi, si vous voulez être super cool MVC-ish de style, vous pouvez utiliser le TagBuilder et à même de fournir des options telles que la cible:

public static MvcHtmlString Script(this HtmlHelper helper, string href, string text, bool openInNewWindow = false)
    {
        var builder = new TagBuilder("a");
        builder.MergeAttribute("href", href);
        if(openInNewWindow)
        {
           builder.MergeAttributes("target", "_blank");
        }
        builder.SetInnerText(text);
        return MvcHtmlString.Create(builder.ToString(TagRenderMode.Normal));
    }

vous avez besoin d'une assistance html extension


public static class HtmlHelpers
{ 
  public static string HyperLink(this HtmlHelper html, string text, string href) 
  {
    return string.Format(@"<a href="{0}">{1}</a>", href, text);
  }
}

Je ne pouvais pas obtenir les solutions ci-dessus pour le travail et fait quelque chose de beaucoup plus simple.

CONTRÔLEUR

Contracts model = db.Contract
ViewBag.Link = "<a href='" + model.Link + "'>View Link</a>";

VUE

@Html.Raw(System.Web.HttpUtility.HtmlDecode(ViewBag.Link))

Vous devez vous connecter pour publier un commentaire.