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

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

另请参阅

在本文中
Baidu
map