页面布局

PageLayout 用于在整个应用程序中定义页面特定的元素。

标题

标题用于在页面头部渲染页面标题。

@inject PageLayout PageLayout

@{
    PageLayout.Title = "我的页面标题";
}

菜单项名称

指示当前选中的菜单项名称。菜单项名称应与使用导航/菜单系统定义的唯一菜单项名称匹配。在这种情况下，期望主题在主菜单中将该菜单项设为"活动"状态。

@inject PageLayout PageLayout

@code {
    protected override async Task OnInitializedAsync()
    {
        PageLayout.MenuItemName = "MyProjectName.Products";
    }
}

菜单项名称也可以在运行时设置。

@inject PageLayout PageLayout

<Button Clicked="SetCategoriesMenuAsSelected">切换菜单</Button>

@code{
    protected void SetCategoriesMenuAsSelected()
    {
        PageLayout.MenuItemName = "MyProjectName.Categories";
    }
}

请注意，基础主题目前不支持选中的菜单项，因为这不适用于顶部菜单。

面包屑导航

BreadCrumbItems用于在页面头部渲染面包屑导航。

@inject PageLayout PageLayout

@{
    PageLayout.BreadcrumbItems.Add(new BlazoriseUI.BreadcrumbItem("我的页面", "/my-page")); 
}

工具栏

ToolbarItems用于在页面头部渲染操作工具栏项。

查看页面工具栏

@inject PageLayout PageLayout
@{
    PageLayout.ToolbarItems.Add(new PageToolbars.PageToolbarItem(typeof(MyButtonComponent)));
}