FluentUI: Tab Control – Demo-Übersicht

Zurück: FluentUI: Komponenten-Referenzen

Das Reiter-Steuerelement hat zwei Formen, und die Verwechslung kostet: Navigation über Seitenwechsel oder Umschalten ohne Neuladen. Wann welche.

Status: vollständig [Live] – Navigations-Tab-Strip plus Content-Panel-Umschalten ohne Reload und Tab-Overflow (Vollausbau 2026-07-14). Quelle: widgets::tabs() + scripts/tabs.js. Referenz: DevExpress ASPxPageControl.

tabs() hat zwei Modi: den Navigations-Tab-Strip (Default – jeder Tab ein <a href>-Link, korrekt wenn jeder Reiter eigenen Server-State hält, Erstkonsument: Table-Designer in wksqliteds) und den Panels-Modus (mode => 'panels' – vorgerenderte Panels, ein Klick blendet um, kein Roundtrip). Der Navigations-Modus rendert unverändert wie vor dem Vollausbau.

• FluentUI: Vertical Grid (Property Grid) – Demo-Übersicht – häufigster Konsument von tabs() (Table-Designer)
• Toolbar – verwandtes role=„toolbar“-Roving-Tabindex-Muster
• FluentUI: Öffentliche Helper-API – vollständiger Methodenvertrag