[英]Knockout and checked data-bind
在这种情况下,我很想获得所选的复选框:
<div id='main'>
<table>
<tbody data-bind="foreach: Years">
<tr>
<td>
<input type="checkbox" data.bind="checked: $root.SelectedYears"/>
</td>
<td><span data-bind="text: descr" />
</td>
</tr>
</tbody>
</table>
<br>
<input type="button" value="Click!" data-bind="click: count">
<div/>
function vm() {
this.Years =
[
{
code: "2011",
descr: "descr 2011"
},
{
code: "2012",
descr: "descr 2012"
},
{
code: "2013",
descr: "descr 2013"
},
{
code: "2014",
descr: "descr 2014"
}
];
this.SelectedYears = ko.observableArray(this.Years);
count = function()
{
alert(this.SelectedYears.length);
};
return this;
}
ko.applyBindings(new vm());
http://jsfiddle.net/angelobadellino/UXKt9/
当我点击按钮时,我的SelectedYears集合为空。 它应该用所选的复选框填充。
你能帮我理解我错在哪里吗?
SelectedYears
是一个ko.observableArray
,它本身不是一个数组,即使它公开了一些Array
方法。 但是没有length
属性。 要获取实际数组并检索大小,请使用:
alert(this.SelectedYears().length);
但是,其余代码可能无法按预期工作,因为您无法使用带有这样的数组的已checked
绑定:
data.bind="checked: $root.SelectedYears"
检查需要评估为true或false的内容,您可以考虑将可写的计算observable绑定到SelectedYears
数组的复选框。
尝试:
alert(this.SelectedYears().length);
这是一个可观察的,所以你需要把它称为一个。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.