KnockoutJS“已检查”绑定不适用于 observableArray 和单选按钮列表

Question

我有一个名为 SelectedAttributeValueIds 的 observableArray，我需要使用“已检查”绑定将其绑定到单选按钮列表。例如

<input type="radio" data-bind="checked: SelectedAttributeValueIds" />

然而，KnockoutJS 将 observableArray 替换为一个可观察的值。因此，而不是具有 [123] 值的 SelectedAttributeValueIds 将是“123”

我这样做是为了解决问题，但想知道是否有更简单的方法：

<input type="radio" data-bind="event: { change: function() { $parent.SelectedAttributeValueIds([$data.ID()]); } }" />

Answer 1

对于单选按钮，KO 假设只有一个“值”可以写入。对于复选框，它将在数组中添加/删除值。

听起来你总是想写一个单一的值，但让它作为唯一的元素放在一个数组中。

一种选择是创建一个ko.computed 来表示数组中的项目。另一种选择是使用可写的ko.computed 绑定输入并让它在您想要的格式之间代理值。比如：

this.SelectedAttributeValueIds = ko.observableArray();
this.SelectedAttributeValueId = ko.computed({
   read: function() {
       var values = this.SelectedAttributeValueIds();
       return values.length ? values[0] : [];
   },
   write: function(newValue) {
       this.SelectedAttributeValueIds([newValue]);
   },
   owner: this
});