Ir para o conteúdo
NAVEGAÇÃO · FREE

ContextMenu

Coloque as ações certas sob o botão direito do mouse.

Coloque as ações certas sob o botão direito do mouse, ou a tecla de menu de contexto.

Por que ajuda

  • Suporte a clique direito e tecla
  • Posicionado dentro da janela
  • Mesmos itens de Menu

Onde se encaixa

  • Linhas de tabela
  • Cartões
  • Arquivos
O controle ContextMenu em uma página do RayCraft

Exemplo

<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";
}

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.

Todos os controles ยท Documentação