《Blazor》的teleerik UI免费下载30天试用版

甘特排序

甘特组件提供排序支持。

要启用排序,请设置可分类的参数真正的

当用户单击列标题时,甘特树将根据列的数据类型对数据进行排序,并在列标题旁边显示排序方向的箭头指示。注意,保留了层次结构,因此项的父项将出现在该项之前。

您可以通过设置来阻止用户对某个字段进行排序可分类的= " false "在它的列上。

您可以对不同列上的甘特图进行排序,排序是根据具体列类型的规则完成的(例如,a的规则字符串是否与规则不同int)。

排序保持项目的展开/折叠状态。例如,如果过滤将父级折叠的子级带入视图,则您将只看到折叠的父级。

可以让用户按多个字段排序SortMode参数Telerik.Blazor.SortMode.Multiple

在Telerik TreeList中启用排序

单击列标题以按其数据排序               @code {public DateTime SelectedDate {get;设置;} = new DateTime(2019, 11,11,6,0,0);类FlatModel{公共int Id {get;设置;} public int?ParentId {get;设置; } 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(); } }

另请参阅

在本文中
Baidu
map