19

类似的问题:选择元素的初始值

我在设置选择元素的初始值时遇到问题。我基本上有一个来自服务器的种子数据列表来填充下拉列表,我希望所选值代表应该从实体中选择的内容。

因为数据模型的选择值不等于种子数据中的对象引用,所以没有选择任何内容。

现在,我正在遍历每个实体,找到正确的选定值,将其设置为等于种子数据的等效值,然后 Knockout 知道如何连接它。

有没有更优雅的解决方案?我用更多细节摆弄了一个简化的例子...... http://jsfiddle.net/hbrYM/14/

4

1 回答 1

35

正如您正确猜测的那样, selectedValue 引用不匹配,因此 KO 没有选择该项目。使其工作的方法是不将复杂对象保存在所选值中,而是选择 ID,因为原始类型相等可以成功并选择正确的值。

http://jsfiddle.net/VLTFB/3/

您需要在选项绑定上使用 optionsValue 选项(如果有意义的话:)

<select data-bind="options: seedData,
                    optionsText: 'firstName',
                    optionsValue: 'ID',
                    value: data.selectedValue">

编辑

如前所述,您可以使用计算(未经测试)重新选择正确的项目。

vm.currentlySelected = ko.computed(function () { 
   for (var i = 0; i < this.seedData().length; i += 1) {
       var data = this.seedData()[i];
       if (data.ID === this.selectedValue()) {
           return data;
       }
   }
   return null;
}, vm);

希望这可以帮助。

于 2012-05-10T23:40:39.877 回答