RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

Splitter

Free

Zwei in der Größe veränderbare Bereiche. Ziehen Sie die Leiste mit Maus oder Touch, oder fokussieren Sie sie und verwenden Sie die Pfeiltasten (Umschalt für größere Schritte, Pos1 und Ende für die Grenzen). Mit PersistKey wird die Position im lokalen Speicher gemerkt.

Beispiel

Steuerelement Splitter

Parameter

ParameterTypBeschreibung
ActivePaneSplitterPaneDer Bereich, der im schmalen Einzelbereichsmodus angezeigt wird (Standard First). Bidirektional.
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
CollapsedSplitterPaneDer zugeklappte Bereich (None, First oder Second). Bidirektional.
CollapsiblePaneSplitterPaneDer Bereich, den die Eingabetaste oder ein Doppelklick auf die Leiste zuklappt (Standard keiner).
FirstRenderFragmentInhalt des ersten Bereichs.
MinSizeDoubleKleinste Größe jedes Bereichs in Prozent.
PersistKeystringMerkt sich die Teilung (und den zugeklappten Bereich) unter diesem Namen im lokalen Speicher und stellt sie beim nächsten Mal wieder her.
SecondRenderFragmentInhalt des zweiten Bereichs.
SingleBelowBreakpoint?Unterhalb dieses Haltepunkts wird nur der aktive Bereich gezeigt und die Leiste ausgeblendet.
SizeDoubleGröße des ersten Bereichs in Prozent. Verwenden Sie es mit @bind-Size.
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.
VerticalboolStapelt die Bereiche von oben nach unten.

Ereignisse

EreignisTypBeschreibung
ActivePaneChangedEventCallback<SplitterPane>
CollapsedChangedEventCallback<SplitterPane>
SizeChangedEventCallback<Double>Wird ausgelöst, wenn die Leiste bewegt wird.

Paket

Splitter gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.