Wie fügen Sie eine CSS-Klasse name einer ASP.NET MVC-3 Url.Aktion-link?

In ASP.MVC 3 oder 4 (mit Razor), wie Sie das anwenden einer CSS-Klasse, um eine Url.Action () - Helfer-Methode? Ist es möglich?

Gewünschte Ergebnis:

<a href="home\index?page=2" class="FOO">BAR</a>

Ich so weit gekommen:

@Url.Action("Index", "Home", new { page })

UPDATE: vielen Dank an alle. Ich machte ein paar Fehler, die ich klarstellen für zukünftige Leser (wahrscheinlich auch mich). Ich wünschte, ich könnte mehr geben, als man von Ihnen Kredit.

a) new { page } - tun dies nicht. Es wird zu unerwünschten Ausgang. Ich meinte: ViewBag.Seite oder ViewBag.pageNum

b) Wie ein paar von Euch wies darauf hin, brauchte ich Html.ActionLink() keine Url.Action (), das hatte ich schon erfolgreich nutzen, bis ich eingeschaltet, um die Generierung der volle-tag, nicht nur die url.

Ich bestätigt, dass das folgende funktioniert wie gewünscht:

@Html.ActionLink("BAR", "Index", "Home", new { ViewBag.PageNum }, new { @class = "FOO" })
so etwas in der new: @Url.Action("Index", "Home", new { Seite className="foo" })
Ich denke, die new { @class= '...' } Nein?
Ich denke, das wird fügen Sie &class=foo auf die url. Die Antwort unten scheint zu sein, dass ich ActionLink statt.
Sorry Jungs, ich muss unbedingt ein Kaffee nach dem Mittagessen, es ist NICHT className wie ich bereits sagte

InformationsquelleAutor Dan Sorensen | 2012-05-14

  1. 12

    Ich glaube, Sie möchten ein ActionLink statt. Dies ermöglicht es Ihnen, fügen Sie alle Attribute, die Sie wollen.

    @Html.ActionLink("BAR", "Index", "Home", new { page }, new { @class = "FOO" })

    Ausgabe:

    <a href="home/index?page=2" class="FOO">BAR</a>

    oder Sie können es "manuell"

    <a href="@Url.Action("Index", "Home", new { page })" class="FOO">BAR</a>

    InformationsquelleAutor Erik Philips

  2. 4

    Url.Aktion erzeugt keinen html-element, es schafft nur eine URL, die ist, warum es heißt Url.Aktion, und nicht Html.Aktion... (Html.Aktion ist etwas ganz anderes).

    Wenn Sie wollen css über einen link, den Sie verwenden, Url.Aktion auf, nur dazu:

    <a href="@Url.Action("Action", "Controller")" class="myclass">My Link<a>

    Alternativ können Sie Html verwenden.ActionLink

    @Html.ActionLink("My Link", "Action", "Controller", null, new { @class="myclass" })
    Guter Punkt, um eine Url.Aktion vs Html.ActionLink.

    InformationsquelleAutor Erik Funkenbusch

  3. 1

    Url.Action-helper wird, drucken Sie einfach die url, nicht den kompletten Anker.

    Ihre beiden Optionen sind:

    @Html.ActionLink("BAR", "index","home", new { @class = "FOO" })
    • beachten Sie die Verwendung des @ - symbols auf die Klasse als class ein reserviertes Schlüsselwort

    und (mithilfe der Url.Action-helper)

    <a href="@Url.Action("Index", "Home", new { page })" class="FOO">BAR</a>
    Oder was Mystere Mann sagte ....

    InformationsquelleAutor Michael Gattuso

  4. 0

    Hier ist was ich tun:

    Habe ich diese Klasse:

    public class HtmlValues : Dictionary<string,object>
{
    public HtmlValues Class(string ClassName)
    {
        if (this.ContainsKey("class"))
        {
            ClassName = String.Format("{0} {1}", this["class"], ClassName);
            this.Remove("class");
        }
        return this.WithValue("class", ClassName);
    }
    public HtmlValues Name(string Name)
    {
        return this.WithValue("name", Name);
    }
    public HtmlValues Style(string Style)
    {
        return this.WithValue("style", Style);
    }
    public HtmlValues MaxLength(int Length)
    {
        return this.WithValue("maxlength", Length.ToString());
    }
    public HtmlValues RTL()
    {
        return this.WithValue("dir", "rtl");
    }
    public HtmlValues With(string Attribute, string Value)
    {
        return this.WithValue(Attribute, Value);
    }

    public static HtmlValues WithClass(string CssClass)
    {
        return new HtmlValues().Class(CssClass);
    }

    public HtmlValues Data(string key, string value)
    {
        return this.WithValue("data-" + key, value);
    }
}

    Mit dieser extension Methode:

    public static class Extensions
{
    public static T WithValue<T>(this T dict, string key, object value) where T : IDictionary<string, object>
    {
        dict.Add(key, value);
        return dict;
    }
}

    Dann mein Rasierer sieht wie folgt aus:

    @Html.TextBoxFor(model => model.SomeProperty, HtmlValues.WithClass("SomeClass"))

    Dies mag wie overkill, aber es ist ziemlich nett in der Praxis, wie können Sie Kette hinzufügen von Attributen/Werten, um das element in einem schön fließend sinnvoll, der reader Mode.

    @Html.TextBoxFor(model => model.SomeProperty, 
    HtmlValues.WithClass("SomeClass")
              .Class("someotherClass")
              .Data("Some-Jquery-Data-Thing")
              .With("Nonstandard-Attribute","Its-Value"))

    InformationsquelleAutor asawyer

Schreibe einen Kommentar