Как применить сортировку к столбцу выбора в DevExtreme Grid?

Я использую DevExtreme сетку в C# MVC для отображения данных в представлении. Теперь я хочу применить функцию sorting к первому столбцу, который является столбцом Selection, как вы можете видеть на изображении ниже.

Просмотр в виде таблицы

Теперь мне нужно сделать выбор столбца доступным для сортировки (выбранный и невыбранный). Означает, что когда пользователь впервые щелкает заголовок, сначала отображаются все выбранные строки, а затем невыбранные, и наоборот.

Любая помощь будет высоко ценится !

Спасибо


person prog1011    schedule 26.09.2018    source источник
comment
Поскольку столбец выбора не является столбцом данных, вы не можете отсортировать данные по этому столбцу.   -  person Kamala Hanchinal    schedule 27.09.2018


Ответы (1)


Я искал способ сделать это, я нашел этот билет в центр поддержки devexpress

Как вы можете видеть в примере, они использовали функцию javascript для произвольной сортировки:

sortingMethod(value1: any, value2: any) {
  var isSelected1 = this.dataGrid.instance.isRowSelected(value1),
      isSelected2 = this.dataGrid.instance.isRowSelected(value2);

  if(isSelected1 && !isSelected2) return -1;
  if(!isSelected1 && isSelected2) return 1;

  return 0;
}

А в столбце «CustomerId» просто использовал функцию, указанную выше.

<dxi-column 
      dataField="CustomerId"
      sortOrder="asc"
      [visible]="false"
      [sortingMethod]="sortingMethod"
      ></dxi-column>
person Joshi    schedule 05.11.2018