RayCraftDocs
v1.0.3
fr
raycraft.dev
Sur cette page

Splitter

Free

Deux volets redimensionnables. Glissez la barre à la souris ou au toucher, ou donnez-lui le focus et utilisez les flèches (Maj pour de plus grands pas, Origine et Fin pour les limites). Avec PersistKey, la position est mémorisée dans le stockage local.

Exemple

Contrôle Splitter

Paramètres

ParamètreTypeDescription
ActivePaneSplitterPaneLe volet affiché en mode étroit à un seul volet (First par défaut). Bidirectionnel.
ClassstringClasses CSS supplémentaires ajoutées à l'élément racine.
CollapsedSplitterPaneLe volet réduit (None, First ou Second). Bidirectionnel.
CollapsiblePaneSplitterPaneLe volet que Entrée ou un double-clic sur la barre réduit (aucun par défaut).
FirstRenderFragmentContenu du premier volet.
MinSizeDoublePlus petite taille de chaque volet en pourcentage.
PersistKeystringMémorise la division (et le volet réduit) dans le stockage local sous ce nom et la restaure la fois suivante.
SecondRenderFragmentContenu du second volet.
SingleBelowBreakpoint?En dessous de ce point de rupture, seul le panneau actif est affiché et la barre est masquée.
SizeDoubleTaille du premier volet en pourcentage. À utiliser avec @bind-Size.
StylestringStyle en ligne ajouté à l'élément racine.
VerticalboolEmpile les volets de haut en bas.

Événements

ÉvénementTypeDescription
ActivePaneChangedEventCallback<SplitterPane>
CollapsedChangedEventCallback<SplitterPane>
SizeChangedEventCallback<Double>Déclenché quand la barre est déplacée.

Paquet

Splitter fait partie de RayCraft Free. Paquet : RayCraft.Blazor. Il provient de nuget.org. Voir Premiers pas.