ContextMenu

Lägg de rätta åtgärderna under höger musknapp, eller snabbmenytangenten.

Varför det hjälper

• Stöd för högerklick och tangent
• Placeras inom fönstret
• Samma objekt som Menu

Var det passar

• Tabellrader
• Kort
• Filer

Exempel

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

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller · Dokumentation