javascript - 在 Knockout 选择中设置初始值

Question

我在使选择的初始值等于我的淘汰赛模型中的值时遇到问题。

http://jsfiddle.net/npearson99/bjwAT/2/

在那个小提琴中，该组应该是“Group 2”，但它没有选择任何组。

如果我更改value: 'SelectedGroupId'为value: 2，它可以工作。

<div data-bind="with: selectedWorkout">
 <h3>Current Workout</h3>
Workout Id:
<label data-bind="text: Id"></label>
<br/>Workout Name:
<label data-bind="text: Name"></label>
<br/>Group:
<select data-bind="options: $root.groupList, 
                          optionsText: 'GroupName',
                          optionsValue: 'Id',
                          optionsCaption: 'No Group',
                          value: 'SelectedGroupId'"></select>

function Group(Id, GroupName) {
    var self = this;

    self.Id = Id;
    self.GroupName = GroupName;
}

function Workout(id, name, selectedGroupId) {
    var self = this;
    self.Id = id;
    self.Name = name
    self.SelectedGroupId = ko.observable(selectedGroupId);
}

function viewModel() {
    var self = this;

    self.groupList = ko.observableArray([
    new Group(1, 'Group One'),
    new Group(2, 'Group Two'),
    new Group(3, 'Group Three')]);

    self.selectedWorkout = ko.observable(new Workout(4, 'Test Workout', 2));
}

ko.applyBindings(new viewModel());

Answer 1

value绑定将属性的引用作为参数而不是字符串（所以不是像 or 那样的属性名称optionsValue）optionsValue。

所以正确的用法是：

<select data-bind="options: $root.groupList, 
                      optionsText: 'GroupName',
                      optionsValue: 'Id',
                      optionsCaption: 'No Group',
                      value: SelectedGroupId"></select>

演示JSFiddle。