Таблица сортировки в пределах Ember.js

Question

У меня есть таблица, сгенерированная с данными с сервера. В каждом столбце таблицы есть кнопка вверху, чтобы отсортировать всю таблицу с высокой до низкой или от низкой до высокой на основе значений в этом столбце. Существует также столбец имен, который сортируется по алфавиту.

В настоящее время у меня все это связано с рулями, и когда вы нажимаете кнопку, он сортирует массив табличных данных, а затем повторно интерполирует шаблон и вставляет его на страницу.

Я пытаюсь переместить это на использование ember.js. Моя первая проблема заключается в том, что мой массив массивов данных не является простым массивом, его объект ember со всеми видами методов get и set и других вещей внутри. Как разобраться в этом, используя функцию как один у меня есть:

function sortAtoZ(arr, one, two) { 
    arr.sort(function(a, b) {return a[one].localeCompare(b[two])}); 
} 

Answer 1

Поддержка базовой сортировки встроен в Ember контроллеры массива через Sortable Mixin. Из-из-коробки поддерживает сортировку по одному или нескольким свойствам с использованием Ember.compare, но может использовать пользовательский sortFunction как:

App.TableController = Ember.ArrayController.extend({ 
    sortProperties: ['trackNumber'], 
    sortAscending: true, 
    sortFunction: function(a,b) { 
    // your custom sort logic here 
    // return 0 if the two parameters are equal, return a negative value if the first parameter is smaller than the second or return a positive value otherwise 
    } 
}); 

Кроме того, если вы хотите сделать что-то более продвинутое с таблицами, посмотрите на ember-table