Blazor滤波概述

甘特树组件提供了内置的过滤支持。

基础知识

要启用过滤，请设置网格的FilterMode属性设置为以下值之一:

• Telerik.Blazor.GanttFilterMode.FilterRow一行筛选器选项显示在列标题下面

• Telerik.Blazor.GanttFilterMode.FilterMenu-列标题呈现一个按钮，显示一个弹出过滤选项

过滤器输入的行为和可用的过滤器操作符将取决于列数据类型。例如，布尔菲尔德只有选择的余地“是真的”而且“是假的”而不会有运营商这样“包含”或“大于”．

可以一次筛选多个列，并且所有筛选规则将与和逻辑。

筛选描述符

甘特过滤器状态存储在CompositeFilterDescriptors．如果你想了解，下面的信息很重要以编程方式获取或更改甘特滤波器．

每一个CompositeFilterDescriptor包含一个集合的FilterDescriptor年代．类应用集合中的所有描述符和或者一个或LogicalOperator．

• 过滤行——每个CompositeFilterDescriptor针对特定的字段。默认情况下，可以使用“筛选器行”操作符对字段应用一个筛选器。筛选器值存储在第一个中FilterDescriptor的实例CompositeFilterDescriptor在那个领域。

• 过滤器菜单——每个CompositeFilterDescriptor针对特定的字段。菜单中不同筛选器操作符中的筛选器值存储在不同的FilterDescriptor专用的实例CompositeFilterDescriptor在那个领域。

自定义筛选编辑器

属性，可以自定义在甘特中呈现的编辑器FilterEditorType属性，在< GanttColumn >．的FilterEditorType属性的成员GanttTreeListFilterEditorType枚举:

@* FilterEditorType参数的使用*@                     @code { public DateTime SelectedDate { get; set; } = new DateTime(2019, 11, 11, 6, 0, 0); class FlatModel { public int Id { get; set; } public int? ParentId { get; set; } public string Title { get; set; } public double PercentComplete { get; set; } public DateTime Start { get; set; } public DateTime End { get; set; } } public int LastId { get; set; } = 1; List Data { get; set; } protected override void OnInitialized() { Data = new List(); var random = new Random(); for (int i = 1; i < 6; i++) { var newItem = new FlatModel() { Id = LastId, Title = "Employee " + i.ToString(), Start = new DateTime(2020, 12, 6 + i), End = new DateTime(2020, 12, 11 + i), PercentComplete = Math.Round(random.NextDouble(), 2) }; Data.Add(newItem); var parentId = LastId; LastId++; for (int j = 0; j < 5; j++) { Data.Add(new FlatModel() { Id = LastId, ParentId = parentId, Title = " Employee " + i + " : " + j.ToString(), Start = new DateTime(2020, 12, 6 + i + j), End = new DateTime(2020, 12, 7 + i + j), PercentComplete = Math.Round(random.NextDouble(), 2) }); LastId++; } } base.OnInitialized(); } }