Programmgesteuert entfernen, bestimmte Klassennamen von HTML-element

In C# ASP.NET ich bin das hinzufügen einer Klasse zu einem <input> mit:

myInput.Attributes.Add("class","myClass");

Irgendwann würde ich gerne entfernen der hinzugefügten Klasse (nicht alle Klassen). Gibt es ein äquivalent entlang der Linien von:

myInput.Attributes.Remove("class","myClass");

.Remove() scheint, um nur akzeptieren einen Schlüssel (keine Wert-paar). Danke!

  • Wann müssen Sie zum entfernen der CSS-Klasse? Wenn die <input> element hat keine runat="server" dann das Attribut, das Sie Hinzugefügt haben, aus der code-behind wird nicht persistiert werden zwischen postbacks, sowieso.
  • Gute Entscheidung, ich habe nicht einmal die Mühe, darüber nachzudenken. Danke für die Hilfe mich erkennen, dass ich nicht haben, um sorgen um ihn zu entfernen!
InformationsquelleAutor Jesse | 2012-05-15
  1. 10

    Nichts ist gebaut, um verwalten Sie mehrere Werte im Attribut.

    Haben Sie, um eine Analyse der Liste, entfernen Sie den Namen der Klasse und aktualisieren Sie das Attribut.

    Etwas wie (ungetestet):

    var classes = myInput.Attributes["class"].Split(' ');

var updated = classes.Where(x => x != "classtoremove").ToArray();

myInput.Attributes["class"] = string.Join(" ", updated);
    • Vielen Dank für Ihre Antwort! Ich sehe, was Sie für gehen aber die .Wo scheint nicht gültig zu sein. Wenn Sie nichts dagegen haben, korrigieren Sie die syntax (oder mir helfen zu verstehen, wie zu implementieren,) werde ich markieren Sie es als richtig. Es ist viel effektiver, als wie ich es implementieren einer Schleife durch das array.
    • Die Where ist in Ordnung, wenn Sie eine using System.Linq; - Anweisung.
    • Ich habe nur zu sein scheinen in der Lage zu verwenden Where auf Lists und nicht Arrays.
    • OK. Fügen Sie einfach ein .ToList() nach der Split(' ').
    • Ich habe zwei Klassen, die in mein label, aber ich wollen, entfernen Sie nur ein... gleiche Prozess? Danke.
    • Sie nur sicherstellen, dass der Wert, den Sie haben wollen.

    InformationsquelleAutor Oded
  2. 2

    Bekam ich inspiriert von Odeds post und erstellt diese beiden extension-Methoden für Sie zu erarbeiten, mit;

    public static void AddCssClass(this WebControl control, params string[] args)
{
    List<string> classes = control.CssClass.Split(new char[] { ' ' }, StringSplitOptions.RemoveEmptyEntries).ToList<string>();
    List<string> classesToAdd = args.Where(x => !classes.Contains(x)).ToList<string>();
    classes.AddRange(classesToAdd);
    control.CssClass = String.Join(" ", classes);
}
public static void RemoveCssClass(this WebControl control, params string[] args)
{
    List<string> classes = control.CssClass.Split(new char[] { ' ' }, StringSplitOptions.RemoveEmptyEntries).ToList<string>();
    classes = classes.Where(x => !args.Contains(x)).ToList<string>();
    control.CssClass = String.Join(" ", classes);
}

    Die Methoden sind einfach zum hinzufügen oder entfernen von CSS-Klassen aus WebControls (von wo Buttons, Labels, Panels usw. alle erbt) wie myButton.AddCssClass("class1", "class2"); oder myButton.RemoveCssClass("class2");.

    Es könnte sehr gut sein, ein bisschen overhead, aber die Verwaltung der CssClass Eigenschaft kann auch ein bisschen ein Streit wie Sie gezwungen, Griff die whitespaces, die auf Ihre eigenen.

    Wie oft haben Sie gesehen, gehört, zum Beispiel?

    string myCssClass = "class1";
myButton.CssClass += " " + myCssClass;

    Bitte fühlen Sie sich frei, um die Verbesserung der Methoden! 🙂

    InformationsquelleAutor Stefan
Schreibe einen Kommentar