Hopp til innholdet
NAVIGASJON · FREE

ContextMenu

Legg de riktige handlingene under høyre museknapp.

Legg de riktige handlingene under høyre museknapp, eller hurtigmenytasten.

Hvorfor det hjelper

  • Støtte for høyreklikk og tast
  • Plasseres innenfor vinduet
  • Samme elementer som Menu

Hvor det passer

  • Tabellrader
  • Kort
  • Filer
Kontrollen ContextMenu på en RayCraft-side

Eksempel

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

Et kort utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon