如何在Angular的DevExpress分组面板中设置排序为降序？

WinForms平台（GridControl） #

• 设计器可视化设置
  打开GridControl的设计器，选中需要分组的列，将其SortOrder属性直接设置为Descending，再把该列拖入分组面板即可。

• 代码方式设置
  在数据加载完成后执行以下代码，指定列分组并设置降序：

  // 替换为你的GridView实例和目标列名
  GridColumn targetColumn = gridView1.Columns["TargetColumnName"];
  gridView1.GroupBy(targetColumn, DevExpress.Data.ColumnSortOrder.Descending);
  

• 手动拖拽分组时默认降序
  若需要用户手动拖拽列到分组面板时自动用降序，可处理ColumnGrouping事件：

  private void gridView1_ColumnGrouping(object sender, DevExpress.XtraGrid.Views.Base.ColumnGroupingEventArgs e)
  {
      if (e.Column.SortOrder == DevExpress.Data.ColumnSortOrder.Ascending)
      {
          e.Column.SortOrder = DevExpress.Data.ColumnSortOrder.Descending;
          e.Handled = true;
      }
  }
  

WPF平台（GridControl） #

• XAML声明式设置
  在TableView的GroupedColumns中指定列的排序方向：

  <dxg:GridControl x:Name="gridControl">
      <dxg:GridControl.Columns>
          <dxg:GridColumn FieldName="TargetColumnName" />
      </dxg:GridControl.Columns>
      <dxg:GridControl.View>
          <dxg:TableView>
              <dxg:TableView.GroupedColumns>
                  <dxg:GridColumnGroupInfo FieldName="TargetColumnName" SortOrder="Descending" />
              </dxg:TableView.GroupedColumns>
          </dxg:TableView>
      </dxg:GridControl.View>
  </dxg:GridControl>
  

• 后台代码设置
  通过代码添加分组信息并指定降序：

  var groupInfo = new DevExpress.Xpf.Grid.GridColumnGroupInfo 
  { 
      FieldName = "TargetColumnName", 
      SortOrder = DevExpress.Xpf.Grid.ColumnSortOrder.Descending 
  };
  tableView1.GroupedColumns.Add(groupInfo);
  

内容的提问来源于stack exchange，提问作者Tommy C