Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
1 contributor

Users who have contributed to this file

76 lines (70 sloc) 4.33 KB
@page "/menu"
@using NorthwindBlazor.Data
@using NorthwindBlazor.Models.Northwind
@using Microsoft.EntityFrameworkCore
<h1 style="display:inline">Menu</h1><a style="margin-left: 10px" href="https://github.com/akorchev/blazor.radzen.com/blob/master/Pages/MenuPage.razor" target="_blank">[source code]</a><a style="margin-left: 10px" href="https://www.radzen.com/documentation/blazor/menu/" target="_blank">[documentation]</a>
<p>This page demonstrates <b>Menu</b> component.</p>
<RadzenCard>
<div class="row">
<div class="col-md-6">
<h3>Menu</h3>
<RadzenMenu>
<ChildContent>
<RadzenMenuItem Text="General" Icon="home">
<RadzenMenuItem Text="Buttons" Path="buttons" Icon="account_circle"></RadzenMenuItem>
<RadzenMenuItem Text="Menu" Path="menu" Icon="line_weight"></RadzenMenuItem>
<RadzenMenuItem Text="FileInput" Path="fileinput" Icon="attach_file"></RadzenMenuItem>
<RadzenMenuItem Text="Dialog" Path="dialog" Icon="perm_media"></RadzenMenuItem>
<RadzenMenuItem Text="Notification" Path="notification" Icon="announcement"></RadzenMenuItem>
</RadzenMenuItem>
<RadzenMenuItem Text="Inputs" Icon="payment">
<RadzenMenuItem Text="CheckBox" Path="checkbox" Icon="check_circle"></RadzenMenuItem>
<RadzenMenuItem Text="TextBox" Path="textbox" Icon="input"></RadzenMenuItem>
<RadzenMenuItem Text="TextArea" Path="textarea" Icon="description"></RadzenMenuItem>
<RadzenMenuItem Text="Password" Path="password" Icon="payment"></RadzenMenuItem>
<RadzenMenuItem Text="Numeric" Path="numeric" Icon="aspect_ratio"></RadzenMenuItem>
<RadzenMenuItem Text="DatePicker" Path="datepicker" Icon="date_range"></RadzenMenuItem>
</RadzenMenuItem>
<RadzenMenuItem Text="Data" Icon="save">
<RadzenMenuItem Text="DataGrid" Path="datagrid" Icon="grid_on"></RadzenMenuItem>
<RadzenMenuItem Text="DataList" Path="datalist" Icon="list"></RadzenMenuItem>
<RadzenMenuItem Text="DropDown" Path="dropdown" Icon="dns"></RadzenMenuItem>
<RadzenMenuItem Text="DropDownDataGrid" Path="dropdown-datagrid" Icon="receipt"></RadzenMenuItem>
<RadzenMenuItem Text="ListBox" Path="listbox" Icon="view_list"></RadzenMenuItem>
<RadzenMenuItem Text="TemplateForm" Path="templateform" Icon="line_style"></RadzenMenuItem>
</RadzenMenuItem>
<RadzenMenuItem Text="Containers" Icon="account_box">
<RadzenMenuItem Text="Tabs" Path="tabs" Icon="tab"></RadzenMenuItem>
<RadzenMenuItem Text="Panel" Path="panel" Icon="content_paste"></RadzenMenuItem>
<RadzenMenuItem Text="Fieldset" Path="fieldset" Icon="account_balance_wallet"></RadzenMenuItem>
<RadzenMenuItem Text="Card" Path="card" Icon="line_style"></RadzenMenuItem>
</RadzenMenuItem>
<RadzenMenuItem Text="More">
<RadzenMenuItem Text="Item1"></RadzenMenuItem>
<RadzenMenuItem Text="Item2"></RadzenMenuItem>
<RadzenMenuItem Text="More items">
<RadzenMenuItem Text="More sub items">
<RadzenMenuItem Text="Item1"></RadzenMenuItem>
<RadzenMenuItem Text="Item2"></RadzenMenuItem>
</RadzenMenuItem>
</RadzenMenuItem>
</RadzenMenuItem>
</ChildContent>
</RadzenMenu>
</div>
<div class="col-md-6">
<h3>Events</h3>
<RadzenCard style="overflow: auto;height:500px;">
N/A
</RadzenCard>
</div>
</div>
</RadzenCard>
@code {
Dictionary<DateTime, string> events = new Dictionary<DateTime, string>();
void Change(dynamic value, string name)
{
events.Add(DateTime.Now, $"{name} value changed to {value}");
StateHasChanged();
}
}
You can’t perform that action at this time.