Placez les bonnes actions sous le bon bouton de la souris, ou la touche de menu contextuel.
Pourquoi c’est utile
- Prise en charge du clic droit et de la touche
- Positionné dans la fenêtre
- Mêmes éléments que Menu
Où il trouve sa place
- Lignes de tableau
- Cartes
- Fichiers
Exemple
<ContextMenu>
<ChildContent>
<div class="doc-demo-box" tabindex="0">Right-click (or press the context menu key) anywhere in this box. Last action: @_last</div>
</ChildContent>
<Items>
<MenuItem Icon="IconName.Copy" OnClick="@(() => _last = "Copy")">Copy</MenuItem>
<MenuItem Icon="IconName.Paste" OnClick="@(() => _last = "Paste")">Paste</MenuItem>
<MenuItem Icon="IconName.Delete" OnClick="@(() => _last = "Delete")">Delete</MenuItem>
<MenuItem Disabled="true">Unavailable</MenuItem>
</Items>
</ContextMenu>
@code {
private string _last = "none";
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.