Eingabefelder: Check box

Zurück: Demo-Übersicht

Das Kästchen kennt drei Zustände, HTML nur zwei: indeterminate ist reine Anzeige im Browser, gesendet wird immer an oder aus.

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.

Ein schlichtes Kontrollkästchen ist ein natives Bedienelement: der Browser malt seinen eigenen Strich. 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 ersetzt die native Darstellung vollständig. Stünde sein Griff links – genau dort, wo „aus“ ihn hinstellt –, läse sich eine Elternzeile, die „einige davon sind ausgewählt“ meldet, als „keines davon ist ausgewählt“.

Er trägt den Zustand deshalb 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. 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