FluentUI: Tab Control — Demo-Übersicht
Zurück: FluentUI: Komponenten-Referenzen
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.
Wichtige Abgrenzung
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.
Demo-Kategorien
| Kategorie | Status |
|---|---|
| Grundlagen | [Live] — Navigations-Tabs + Panels-Modus |
| Adaptivity | [Live] — Tab-Overflow „Mehr …„ |
| Accessibility | [Live] — Link-Semantik (nav) + WAI-ARIA-Tabs-Muster (panels) |
Verwandte Themen
- 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
de/wiki/dwe/wkfluentui/component/tabcontrol/start.txt · Zuletzt geändert: von 0.0.0.0