类似的问题:选择元素的初始值
我在设置选择元素的初始值时遇到问题。我基本上有一个来自服务器的种子数据列表来填充下拉列表,我希望所选值代表应该从实体中选择的内容。
因为数据模型的选择值不等于种子数据中的对象引用,所以没有选择任何内容。
现在,我正在遍历每个实体,找到正确的选定值,将其设置为等于种子数据的等效值,然后 Knockout 知道如何连接它。
有没有更优雅的解决方案?我用更多细节摆弄了一个简化的例子...... http://jsfiddle.net/hbrYM/14/
类似的问题:选择元素的初始值
我在设置选择元素的初始值时遇到问题。我基本上有一个来自服务器的种子数据列表来填充下拉列表,我希望所选值代表应该从实体中选择的内容。
因为数据模型的选择值不等于种子数据中的对象引用,所以没有选择任何内容。
现在,我正在遍历每个实体,找到正确的选定值,将其设置为等于种子数据的等效值,然后 Knockout 知道如何连接它。
有没有更优雅的解决方案?我用更多细节摆弄了一个简化的例子...... http://jsfiddle.net/hbrYM/14/
正如您正确猜测的那样, selectedValue 引用不匹配,因此 KO 没有选择该项目。使其工作的方法是不将复杂对象保存在所选值中,而是选择 ID,因为原始类型相等可以成功并选择正确的值。
您需要在选项绑定上使用 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);
希望这可以帮助。