Blazor的Telerik UI?下载30天免费试用

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将提供一个属性为GroupDescriptorDataSourceRequestits的参数OnRead事件.这将允许开发人员应用分组手动数据操作
  • GroupHeaderTemplate而且GroupItemTemplate将在未来的版本中引入。目前在Blazor框架中有一个错误,阻止我们支持他们。
  • 虚拟滚动与分组将支持在未来的版本。

另请参阅

在本文中
Baidu
map