Вычисленный, который возвращает отсортированный наблюдаемый массив

Question

У меня есть вычисленный наблюдаемый, который возвращает фильтрованную, отсортированную версию моего observableArray, но сортировка вообще не работает.

Вот My fiddle

String.prototype.contains = function (value) { 
    return this.indexOf(value) != -1; 
}; 

function Item(data) { 
    this.name = ko.observable(data); 
} 

function ViewModel() { 
    var self = this; 
    this.items = ko.observableArray([new Item('John'), new Item('Pat')]); 
    this.filterValue = ko.observable(); 

    this.filteredItems = ko.computed(function() { 
     var filterValue = self.filterValue(); 

     if(!filterValue) 
      return self.items(); 

     return ko.utils.arrayFilter(self.items(), function(){ 
      return item.name().toLowerCase().contains(filterValue.toLowerCase()); 
     }).sort(function(a,b){ 
      return a.name == b.name ? 0 : (a.name < b.name ? -1 : 1); 
     }); 
    }); 
} 

ОТВЕТ Вот обновление fiddle

Answer 1

Как отметил @Paul Manzotti, ваша функция сортировки не имеет доступа к свойствам «имя» правильно. Кроме того, ваш «filterValue» равен undefined, поэтому ваша функция выходит до того, как она попадет в сортировку.

Что-то, как это будет сделать его работу:

var filtered = filterValue ? ko.utils.arrayFilter(self.items(), function(item){ 
     return item.name().toLowerCase().contains(filterValue.toLowerCase()); 
    }) : self.items(); 

    return filtered.sort(function(a,b){ 
     return a.name() == b.name() ? 0 : (a.name() < b.name() ? -1 : 1); 
    }); 

Answer 2

Ваша sort функция не вызывая наблюдаемыми правильно:

.sort(function(a,b){ 
     return a.name() == b.name() ? 0 : (a.name() < b.name() ? -1 : 1); 
    }) 

Я обновил свой fiddle тоже, и это кажется Работа.