抽屉里选择
抽屉里让用户选择一个项目。你也可以事先选定所需的物品。您可以使用此突出显示项加载/生成内容,或者表示当前页面。
使用项目的选择,使用设置设置SelectedItem
参数。它允许双向绑定(@bind-SelectedItem
+)和单向绑定SelectedItemChanged事件。
的设置SelectedItem
是同一类型的抽屉里的数据模型。
如果你使用的抽屉页面导航,选择的项目仍将突出显示只要抽屉没有得到处理——这意味着,它必须之外的@Body
。
设置SelectedItem tho方式使用数据绑定。
@ *使用双向数据绑定设置SelectedItem显示内容根据用户选择< TelerikDrawer data = * @ @ data”=“@DrawerMode MiniMode = " true "模式。推动“@bind-SelectedItem = " @selectedItem @DrawerRef“@ref = > < DrawerContent > < TelerikButton OnClick = " @ (() = > DrawerRef.ToggleAsync ())”Icon="@FontIcon.Menu">Toggle drawer Content for the @selectedItem?.Text item @code { public TelerikDrawer DrawerRef { get; set; } public DrawerItem selectedItem { get; set; } public List Data { get; set; } = new List { new DrawerItem { Text = "Counter", Icon = FontIcon.Plus }, new DrawerItem { Text = "FetchData", Icon = FontIcon.GridLayout }, }; protected override void OnInitialized() { // pre-select an item. Not required selectedItem = Data[Data.Count - 1]; } public class DrawerItem { public string Text { get; set; } public FontIcon? Icon { get; set; } } }