angular - 如何以编程方式获取 Devextreme 数据网格中的当前排序列？

Question

我在 Angular 4 项目中使用 devextreme datagrid 17.1.1 版本。我想在 typeScript 中获取当前排序的列，但 datagrid 的实例没有排序字段。如何获取当前排序的列？谢谢

Answer 1

尝试阅读sortIndex一列。根据排序的列数，它将是 0 或 1。如果一次只对一列进行排序，则可以执行以下操作：

@ViewChild(DxDataGridComponent, { static: false }) dataGrid: DxDataGridComponent;

getSortedColumn() {
  const instance = this.dataGrid.instance;
  const allColumns = Array.from(Array(instance.columnCount()).keys()).map(index => instance.columnOption(index));
  return allColumns.find(col => col.sortIndex != null);
}