JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Menu & Tree › Menu Blazor ItemClicked syntax › Reply To: Menu Blazor ItemClicked syntax
January 29, 2021 at 7:23 am
#101399
admin
Keymaster
Hi ScottP,
Thanks for trying out our Blazor components.
In order to subscribe to the Menu event, you can use the following syntax:
@page "/menu"
<Example Name="Menu">
<Menu OnItemClick="OnItemClick" id="menu">
<MenuItemsGroup>
File
<MenuItem Shortcut="Ctrl+N">New</MenuItem>
<MenuItem Shortcut="Ctrl+0">Open</MenuItem>
<MenuItemsGroup>
Open Containing Folder
<MenuItem>Explorer</MenuItem>
<MenuItem>cmd</MenuItem>
</MenuItemsGroup>
<MenuItem Shortcut="Ctrl+S" disabled>Save</MenuItem>
<MenuItem Shortcut="Ctrl+Alt+S" separator>Save As...</MenuItem>
<MenuItem Shortcut="Alt+F4">Exit</MenuItem>
</MenuItemsGroup>
<MenuItemsGroup>
Edit
<MenuItem Shortcut="Ctrl+Z">Undo</MenuItem>
<MenuItem Shortcut="Ctrl+Y" separator>Redo</MenuItem>
<MenuItem Shortcut="Ctrl+X">Cut</MenuItem>
<MenuItem Shortcut="Ctrl+C">Copy</MenuItem>
<MenuItem Shortcut="Ctrl+V" disabled>Paste</MenuItem>
</MenuItemsGroup>
<MenuItemsGroup DropDownHeight=300>
Encoding
<MenuItem>Encode in ANSI</MenuItem>
<MenuItem>Encode in UTF-8</MenuItem>
<MenuItem>Encode in UTF-8-BOM</MenuItem>
<MenuItem>Encode in UTCS-2 BE BOM</MenuItem>
<MenuItem>Encode in UTCS-2 LE BOM</MenuItem>
<MenuItemsGroup separator>
Character sets
<MenuItemsGroup>
Cyrillic
<MenuItem>ISO 8859-5</MenuItem>
<MenuItem>KOI8-R</MenuItem>
<MenuItem>KOI8-U</MenuItem>
<MenuItem>Windows-1251</MenuItem>
</MenuItemsGroup>
<MenuItemsGroup>
Chinese
<MenuItem>Big5 (Traditional)</MenuItem>
<MenuItem>GB2312 (Simplified)</MenuItem>
</MenuItemsGroup>
<MenuItemsGroup>
Western European
<MenuItem>ISO 8859-1</MenuItem>
<MenuItem>ISO 8859-15</MenuItem>
<MenuItem>OEM 850</MenuItem>
<MenuItem>Windows-1252</MenuItem>
</MenuItemsGroup>
</MenuItemsGroup>
<MenuItem>Convert to ANSI</MenuItem>
<MenuItem>Convert to UTF-8</MenuItem>
<MenuItem>Convert to UTF-8-BOM</MenuItem>
<MenuItem>Convert to UTCS-2 BE BOM</MenuItem>
<MenuItem>Convert to UTCS-2 LE BOM</MenuItem>
</MenuItemsGroup>
</Menu>
</Example>
@code {
void OnItemClick(Event eventObj)
{
MenuItemClickEventDetail detail = eventObj["Detail"];
Console.WriteLine(detail.Label);
}
}
Hope this helps.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/