MultiColumnComboBox分组
MultiColumnComboBox组件可以以组的形式显示列出的项。这可以改善用户体验,使浏览物品更快。
若要启用多列组合框分组,请设置GroupField
参数设置为模型中的字段名。MultiColumnComboBox将在下拉菜单中显示相应的字段值作为组头。支持复杂对象属性的嵌套值(参见下面的示例)。
在滚动时,组标题保持在下拉菜单的顶部。换句话说,用户将始终知道哪一组是可滚动列表中当前最顶端的项目。
在MultiColumnComboBox中分组
@code {private List MultiComboData {get;设置;} private int SelectedProduct {get;设置; } protected override void OnInitialized() { var rnd = new Random(); MultiComboData = Enumerable.Range(1, 30).Select(x => new Product() { Id = x, Name = $"Product {x}", Category = new Category() { Id = x % 7 + 1, Name = $"Category {x % 7 + 1}" }, Quantity = rnd.Next(0, 30) }).ToList(); base.OnInitialized(); } public class Product { public int Id { get; set; } public string Name { get; set; } public Category Category { get; set; } public int Quantity { get; set; } } public class Category { public int Id { get; set; } public string Name { get; set; } } }
笔记
- 支持一种级别的分组。
- 的
占位符
(如。"Select item…")总是在下拉菜单中显示在粘性组标题上方。 - 分组的MultiColumnComboBox将提供一个
组
属性为GroupDescriptor
在DataSourceRequest
its的参数OnRead事件.这将允许开发人员应用分组手动数据操作. GroupHeaderTemplate
而且GroupItemTemplate
将在未来的版本中引入。目前在Blazor框架中有一个错误,阻止我们支持他们。- 虚拟滚动与分组将支持在未来的版本。