单选按钮未显示为选中

Question

我正在使用带有 MVC 4 的 Knockout。我的 cshtml 是：

...
<span>@Html.RadioButtonFor(m => m.isActive, true, new { @class = "statusRadioButton", data_bind = "checked: isActive" })</span>
<span>@Html.RadioButtonFor(m => m.isActive, false, new { @class = "statusRadioButton", data_bind = "checked: isActive" })</span>
...

我的哥：

...
self.isActive = ko.observable(product.isActive);
...

它正确更新数据库，但它在页面加载时未显示任何已选中的单选按钮。我也尝试使用 checked = "checked" html 属性，但它也不起作用。有什么建议吗？

Answer 1

你的 product.isActive 是可观察的吗？如果是这样，那么您将需要像 product.isActive() 那样执行 observable

通过像self.isActive = ko.observable(product.isActive()); 这样的初始化，您只需设置一次。

试着把它变成可观察的，比如：

self.isActive = ko.computed(function() {
                                return product.isActive();
                             });

编辑： 尝试将您的单选按钮更改为：

<span>@Html.RadioButtonFor(m => m.isActive, true, new { @class = "statusRadioButton", data_bind = "checked: isActive", value="true" })</span>
<span>@Html.RadioButtonFor(m => m.isActive, false, new { @class = "statusRadioButton", data_bind = "checked: isActive", value="false" })</span>

并编写您的 observable 以使用 isActive 中的布尔值作为字符串。

self.isActive = ko.computed(function() {
                                return product.isActive.toString();
                             });