Сортировка столбца сетки uI, содержащего угловой фильтр

Question

Я недавно начал использовать Угловую ui-сетку. Я не очень хорошо разбираюсь в внутренних библиотеках.

У меня был столбец ui-grid, необходимый для отображения процентов. SO Я добавил следующий фильтр к моему app и использовал его вместе с ui-gridcellFilter.

module.filter('percentage', function() { 
    return function (input) { 
     if (!input) { 
      return ''; 
     } else { 
      return input + '%'; 
     } 
    }; 
}) 

Это работало нормально, но при сортировке этой колонки. Сортировка работает неожиданно. Предположим, что у меня есть 3 строки со значениями 100,200,300. Я ожидаю, что он может иметь только два отсортированных состояния 100,200,300 и 300,200,100. Но если я продолжаю нажимать на заголовок этого столбца, я получаю третье состояние как 200, 300, 100 или как 100, 300,200. Я даже не уверен, что шаблон для этого состояния.

Если я прав, угловой фильтр работает только на views и не влияет на модель поля. Поэтому я не думаю, что добавление filter может повлиять на сортировку.

Кроме того, две ожидаемые сортировки (ASCENDING, DESCENDING) отображаются отлично, единственной проблемой является появление третьего. Как решить эту проблему.

Я пропустил какую-либо реализацию ?? Пожалуйста, помогите мне решить это.

Редактировать: Эта проблема возникает и для столбца строки. В моем понимании может быть только одно ASCENDING и одно DESCENDING состояние в том, что касается сортировки. Но я получаю больше договоренностей.

Answer 1

Вы можете использовать sortDirectionCycle, чтобы удалить третье состояние сортировки.

columnDefs: [ 
    { field: 'name', sortDirectionCycle: [uiGridConstants.ASC, uiGridConstants.DESC] }, 
    { field: 'gender', sortDirectionCycle: [uiGridConstants.ASC, uiGridConstants.DESC] }, 
    { field: 'company', enableSorting: false } 
] 

Из документа, при нажатии на заголовок столбца, направление сортировки будет цикл возрастания, затем убывания, а затем обратно в несортированный. Вы можете изменить этот цикл или пропустить его часть, установив параметр sortDirectionCycle columnDef. Для получения дополнительной информации проверьте эту ссылку sortDirectionCycle