Pon las acciones adecuadas bajo el botón derecho del ratón, o la tecla de menú contextual.
Por qué ayuda
- Compatibilidad con clic derecho y tecla
- Posicionado dentro de la ventana
- Mismos elementos que Menu
Dónde encaja
- Filas de tabla
- Tarjetas
- Archivos
Ejemplo
<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.