数据绑定
本文解释了如何向Drawer组件提供数据，以便它为您呈现项、与数据绑定相关的属性及其结果。
有关值绑定和数据绑定的详细信息，以及它们之间的区别，请参见值绑定与数据绑定篇文章。
本文包含以下部分:
抽屉物品特点
抽屉项提供了以下特性，您可以通过其数据绑定中的相应字段进行控制:
文本-将显示在项目上的文本。图标- - -Telerik字体或SVG图标这将在项目中呈现。欲知详情，请浏览图标的文章．Url-项目将通过生成链接导航到的视图。分隔符-该项目将是分隔线，而不是一个可点击的项目。
数据绑定
抽屉项的属性与抽屉所绑定的模型的字段直接匹配。通过提供提供相应信息的字段的名称来提供这种关系。要做到这一点，请使用main中的属性TelerikDrawer标签:
- TextField =>文本
- IconField =>图标
- UrlField => Url
- SeparatorField =>分隔符
字段名有默认值。如果您的模型名称与默认值匹配，则不必在绑定设置中定义它们。
如果您的模型字段名称与任何默认名称匹配，组件将尝试使用它们。例如，一个名为图标将尝试从这些值中生成一个Telerik图标，这可能不是你想要的。如果您想覆盖这些行为，您可以设置IconField = " someNonExistingField "．你可以阅读更多相关内容在这里．这也适用于其他领域。另一个例子是名为Url-如果你想自己在模板中进行导航，你可能想要设置UrlField = " someFakeField "这样组件就不会自己导航了。
抽屉项绑定的默认字段名。如果使用这些，则不必在TelerikDrawer标记明确。
公共类DrawerItem{公共字符串文本{获取;设置;公开的FontIcon?图标{get;设置;}公共字符串Url{获取;设置;} public bool分隔符{获取;}}示例-非默认字段名的数据绑定
这个例子展示了如何数据绑定抽屉，并设置它将从模型中使用的字段名。https://docs.telerik.com/blazor-ui/components/drawer/navigation *@ @Body @code {IEnumerable Data {get;设置;} = new List {new DrawerItem {ItemText = "Counter"， ItemIcon = FontIcon. "另外，ItemUrl = "counter"}，新的DrawerItem {ItemText = "FetchData"， ItemIcon = FontIcon。GridLayout, ItemUrl = "fetchdata"}，};公共类DrawerItem{公共字符串ItemText{获取;设置;公开的FontIcon?ItemIcon {get;设置; } public string ItemUrl { get; set; } } }