甘特排序
甘特组件提供排序支持。
要启用排序,请设置可分类的
参数真正的
。
当用户单击列标题时,甘特树将根据列的数据类型对数据进行排序,并在列标题旁边显示排序方向的箭头指示。注意,保留了层次结构,因此项的父项将出现在该项之前。
您可以通过设置来阻止用户对某个字段进行排序可分类的= " false "
在它的列上。
您可以对不同列上的甘特图进行排序,排序是根据具体列类型的规则完成的(例如,a的规则字符串
是否与规则不同int
)。
排序保持项目的展开/折叠状态。例如,如果过滤将父级折叠的子级带入视图,则您将只看到折叠的父级。
可以让用户按多个字段排序SortMode
参数Telerik.Blazor.SortMode.Multiple
。
在Telerik TreeList中启用排序
单击列标题以按其数据排序 GanttWeekView> GanttMonthView> GanttYearView> GanttViews> GanttColumn> @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(); } }