knockout.js - I have two select list with knockout bindding,but when i change view model's value,the select don't update correctly

Question

I have two select list . And I use ko.utils.arrayFilter method to change my select list. Everything is good when i use it to do "Add Field" or "Remove Field".

But when i changed the viewmodel,then i click the "Add Field" or "Remove Field" the select list won't update correctly.

        self.test = function(){

            var idx =  self.rightSeleted();
            var selectedField = $.grep(self.availableFields(), function(n, i){
                return n.FieldNameId == idx;
            });
            debugger;
            var currentValue = selectedField[0].IsAsc();


        };

my sample code is in here http://jsfiddle.net/knupA/

Did i do something wrong when bindding select list ?!

Thanks~

Answer 1

jsFiddleを更新しましたが、動作しているようです。配列から選択して Knockout メソッドを使用するようにメソッドを変更し、右側のドロップダウンで何も選択されていないときに呼び出されていたため、テストメソッドを削除しました。

var selectedField = ko.utils.arrayFirst(self.availableFields(), function(item){
                return item.FieldNameId == idx;
            });