Legen Sie die richtigen Aktionen unter die rechte Maustaste oder die Kontextmenütaste.
Warum es hilft
- Unterstützung für Rechtsklick und Taste
- Im Anzeigebereich positioniert
- Dieselben Einträge wie Menu
Wo es passt
- Tabellenzeilen
- Karten
- Dateien
Beispiel
<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";
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.