Eingabefelder: Check box

Zurück: Demo-Übersicht

Status: [Live]. Referenz: DevExpress ASPxCheckBox (Zwei-/Dreizustands-Modell).

Gemeinsamer Feld-Kontrakt bereits verstanden.

Der Dreizustand hat kein natives HTML-Äquivalent — indeterminate ist ein reiner DOM-Property-Zustand (nicht per Attribut setzbar, nicht postbar). Ein Dreizustands-Feld ist deshalb immer JavaScript-abhängig für die visuelle Zwischendarstellung; der POST-Wert bleibt binär (an/aus) — der Server unterscheidet „unbestimmt„ nie eigenständig, das ist reine Client-Anzeige einer abgeleiteten Gruppe (vom Aufrufer berechnet, nicht vom Feld selbst).

Vier Stellen im Paket erzeugen den Zustand: diese Methode markiert ihn im Markup, und das Formularskript, der Baum und das Datenraster setzen die DOM-Eigenschaft samt aria-checked="mixed" für eine Elternzeile, deren Kinder sich uneinig sind. Gezeichnet hat ihn keine Regel.

Ein schlichtes Kontrollkästchen kam damit durch, weil es ein natives Bedienelement bleibt: der Browser malt seinen eigenen Strich — im falschen Farbton, aber vorhanden. Es bleibt bewusst nativ und bekommt seine Farbe über accent-color; es selbst nachzubauen hieße, Strich, Haken, Fokusring und das Verhalten in erzwungenen Farbmodi zu übernehmen, ohne etwas zu gewinnen.

Der Umschalter kommt damit nicht durch. Er ersetzt die native Darstellung vollständig, und sein Griff stand links — genau dort, wo „aus“ ihn hinstellt. Eine Elternzeile, die „einige davon sind ausgewählt„ meldete, las sich als „keines davon ist ausgewählt“.

Er trägt den Zustand jetzt zweifach: der Griff steht in der Mitte (die Hälfte des Weges, den „an„ zurücklegt), und die Bahn bekommt eine Teilfüllung. Position allein wäre auf einem 18 px breiten Bedienelement ein feiner Unterschied; Füllung allein überlebte einen erzwungenen Farbmodus nicht, der Hintergründe verwirft. Am kompilierten Bündel gemessen: drei Zustände, drei Füllungen, drei Griffpositionen.

echo $widgets->checkbox([
    'name'  => 'aktiv',
    'label' => 'Zugriff aktiv',
    'value' => true,
]);

Methode checkbox(array $opts): string in helper_plugin_wkfluentui_widgets.

echo $widgets->checkbox([
    'name'      => 'benachrichtigungen',
    'label'     => 'E-Mail-Benachrichtigungen',
    'value'     => false,
    'switchStyle' => true,
]);

Keine über die Feature-Seiten hinaus.

Vollständiger Überblick: Accessibility.

Entfällt.

• Demo-Übersicht — alle Kategorien
• Eingabefelder: List editors — mehrere Checkboxen als Gruppe
• Eingabefelder: Grundlagen — gemeinsamer Feld-Kontrakt