knockout.js: как обновить список (вызов сервера) в качестве значения фильтра, измененного пользователем

Question

У меня есть список элементов, взятых с сервера (AJAX + JSON), и фильтр статусов этих элементов, который фильтрует список. Я хочу, чтобы список обновлялся (новый запрос Ajax отправлен), как только изменяется значение фильтра. Пожалуйста, помогите

<select data-bind="options: statuses, value: selectedStatus"> 
    ... 
<table> 
    <tbody data-bind="foreach: items"> 
    ... 
    </tbody> 
</table> 

function Model() { 
     var self = this; 
     self.items = ko.observable(); 
     self.statuses = ko.observable(); 
     self.selectedStatus = ko.observable(); 
} 

UPDATE: Один из подхода состоит в том, чтобы подписаться на изменения selectedStatus внутри модели, как это:

self.SelectedStatus.subscribe(function() { 
      $.getJSON(...) 
}); 

Это лучший способ сделать это?

Answer 1

Другой способ orgonaize обновления - просто сделать триггер вычислен наблюдаемым, который будет вызывать функцию, которая будет обновлять список

See example

Но я не уверен, что это лучший способ .. Я думаю Подпишитесь самый простой способ, но не забыл про loker для запроса ajax!

Answer 2

Одним из возможных способов является использование Computed Observables

Short Example

Таким образом, вы можете обновить ваши детали, когда выбранное значение изменилось.