剃须刀页面
本文描述如何为ASP配置Telerik UI Breadcrumb。NET Core的RazorPage场景。
对于RazorPages示例的完整项目，请访问我们的GitHub库．
@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf @ html . antiforgerytoken () @(Html.Kendo(). breadcrumb (). name ("breadcrumb") . items (items => {foreach(var item in Model.Items) {items. add (). type (item。IsRoot == true ?BreadcrumbItemType。RootItem: BreadcrumbItemType.Item) .Href(item.Href) .Text(item.Text) .Icon(item.Icon) .ShowText(true);}}) .可编辑(true))公共列表 Items {get;设置;} public void OnGet() {Items = new List() {new BreadcrumbItem(){Text ="所有组件"，Href =" https://demos.telerik.com/aspnet-core/"， Icon=" home"， IsRoot = true}， new BreadcrumbItem(){Text ="面包屑"，Href =" / Breadcrumb"， Icon="globe"， IsRoot = false}， new BreadcrumbItem(){Text =" Icons"， Href =" / Icons"， Icon="globe"， IsRoot = false}，};}公共类BreadcrumbItem{公共字符串Href{获取;设置;}公共字符串文本{获取;设置;}公共字符串图标{获取;设置;} public bool IsRoot{获取; set; } }