Knockout预定义的默认选项绑定到可观察数组

我正在从服务器获取选择列表并填充observableArray。然后我想将选定的项目设置为预定义的值。我有一个非常简单的jsFiddle，它可以模拟通过单击按钮从服务器拉取数据。Knockout预定义的默认选项绑定到可观察数组

这里的Java脚本的基本尝试：

(function() { 
    var vm = (function() { 
     var self = this;   
     self.array = ko.observableArray([]);   
     self.selectedValue = ko.observable(); 
     self.useSetTimeout = ko.observable(false);   
     self.array.subscribe(function(newValue) { 
      self.selectedValue('b'); 
     });  
     self.populate = function() { 
      self.array(['a','b','c']); 
     };  
    }()); 
    ko.applyBindings(vm); 
}());

这是我的解决办法，它取代 “self.selectedValue（ 'B'）;”：

var waitForSelectToPopulate = function() { 
    self.selectedValue('b'); 
    if(self.selectedValue() != 'b') { 
     setTimeout(waitForSelectToPopulate, 10); 
    } 
}; 
waitForSelectToPopulate();

作为解决方法，我不太喜欢这个。似乎应该有一个合理的方法来处理这个问题，但只是设置订阅触发器的值似乎不起作用。

来源

2014-10-09 JonathanN

您需要optionsAfterRender。这里有一个小提琴：

http://jsfiddle.net/sifriday/hev1rqeu/4/

HTML -

<select data-bind="options: array, value: selectedValue, optionsAfterRender: setVal">

JS另外 -

self.setVal = function() { 
     self.selectedValue('b'); 
    }

文档 - http://knockoutjs.com/documentation/options-binding.html - 并向下滚动注2

来源

2014-10-09 22:51:27 sifriday

一旦填入事件已经去了，并得到了JSON，并将其放入你的数组中，WH你不只是刚刚设置的价值？只要您在self.array中设置数据，它就会更新。

(function() { 
    var vm = (function() { 
     var self = this; 

     self.array = ko.observableArray([]); 
     self.selectedValue = ko.observable(); 

     self.populate = function() { 
      // magical assmagic goes and get's json, and converts it to ['a','b','c'] 
      self.array(['a','b','c']); // dropdown is now populated 
      self.selectedValue('c'); // therefore we can set it to a valid value 
     }; 

    }()); 
    ko.applyBindings(vm); 
}());

看到以下内容： http://jsfiddle.net/hev1rqeu/5/

来源

2014-10-09 23:30:28

Knockout预定义的默认选项绑定到可观察数组

回答

相关问题