DropDownList分组
DropDownList组件允许用户查看按类别分组的列出的项目。这可以改善用户体验,使浏览物品的速度更快。
若要启用下拉列表分组,请设置GroupField
参数设置为模型中的字段名。下拉列表将在下拉列表中显示相应的字段值作为组头。支持复杂对象属性的嵌套值(参见下面的示例)。
在滚动期间,组标题可以粘在下拉列表的顶部。换句话说,用户将始终知道哪一组是可滚动列表中当前最顶端的项目。
在下拉列表中分组
@code {public IEnumerable< product > Data {get;设置;} public int SelectedValue{获取;设置;} protected override void OnInitialized() {List products = new List();For (int I = 1;I <= 20;i++){产品。添加(新产品(){ProductId = i, ProductName = $"产品{i}", Category =新产品(){CategoryId = i % 5 + 1, CategoryName = $"类别{i % 5 + 1}"}}); } Data = products; base.OnInitialized(); } public class Product { public int ProductId { get; set; } public string ProductName { get; set; } public Category Category { get; set; } } public class Category { public int CategoryId { get; set; } public string CategoryName { get; set; } } }
笔记
- 支持一种级别的分组。
- 的
DefaultItem
(如。"Select item…")总是在下拉菜单中显示在粘性组标题上方。 - 分组下拉列表将提供一个
组
属性为GroupDescriptor
在DataSourceRequest
its的参数OnRead事件.这将允许开发人员应用分组手动数据操作. GroupHeaderTemplate
而且GroupItemTemplate
将在未来的版本中引入。目前在Blazor框架中有一个错误,阻止我们支持他们。- 虚拟滚动与分组将支持在未来的版本。