Zet de juiste acties onder de rechtermuisknop, of de contextmenutoets.
Waarom het helpt
- Ondersteuning voor rechtsklik en toets
- Binnen het venster gepositioneerd
- Dezelfde items als Menu
Waar het past
- Tabelrijen
- Kaarten
- Bestanden
Voorbeeld
<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";
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.