@* Custom theme with a color swatch *@ @* Docs: https://js.devexpress.com/DevExtreme/Guide/Themes_and_Styles/Predefined_Themes/#Color_Swatches *@
@(Html.DevExtreme().Toolbar() .Items(items => { items.Add() .Widget(w => w .Button() .Icon("menu") .OnClick("DevExtremeAspNetCoreAppMatRazorPages.onMenuButtonClick") ) .Location(ToolbarItemLocation.Before) .CssClass("menu-button"); items.Add() .Html("
DXApp.TemplateKitProject
") .Location(ToolbarItemLocation.Before) .CssClass("header-title"); }) )
@(Html.DevExtreme().Drawer() .ID("layout-drawer") .Position(DrawerPosition.Left) .Opened(new JS("DevExtremeAspNetCoreAppMatRazorPages.restoreDrawerOpened()")) .Content(@
@RenderBody()
) .Template(new TemplateName("navigation-menu")) )
@using(Html.DevExtreme().NamedTemplate("navigation-menu")) {
@functions{ string GetUrl(string pageName) => Url.Page(pageName); string GetCurrentUrl() => Url.Page(ViewContext.RouteData.Values["page"].ToString()); bool IsCurrentUrl(string pageName) => GetUrl(pageName) == GetCurrentUrl(); } @(Html.DevExtreme().TreeView() .Items(items => { items.Add() .Text("Home") .Icon("home") .Option("path", GetUrl("/Index")) .Selected(IsCurrentUrl("/Index")); items.Add() .Text("About") .Icon("info") .Option("path", GetUrl("/About")) .Selected(IsCurrentUrl("/About")); items.Add() .Text("Rechnungen") .Icon("doc") .Option("path", GetUrl("/Invoices/Index")) .Selected(IsCurrentUrl("/Invoices/Index")); items.Add() .Text("PDF hochladen") .Icon("upload") .Option("path", GetUrl("/Invoices/Upload")) .Selected(IsCurrentUrl("/Invoices/Upload")); }) .ExpandEvent(TreeViewExpandEvent.Click) .SelectionMode(NavSelectionMode.Single) .SelectedExpr("selected") .FocusStateEnabled(false) .Width(250) .OnItemClick("DevExtremeAspNetCoreAppMatRazorPages.onTreeViewItemClick") )
}