现在的位置: 首页 > 综合 > 正文

Kendo UI开发教程(13): Kendo MVVM 数据绑定(二) Checked

2013年10月18日 ⁄ 综合 ⁄ 共 652字 ⁄ 字号 评论关闭

Checked绑定用在checkbox ()或 radio button ()上。
注意:checked绑定只适用于支持checked的DOM元素,其它DOM元素的值可以使用value绑定。

多选钮(Checkedbox) checked绑定

使用Kendo checked绑定到checkbox时,当ViewModel对应的值为true, Checkbox显示选中状态,而当用户点击checkbox选择状态时,对应的ViewModel的值也随之变化。

例如:

1 <input type="checkbox" data-bind="checked: isChecked" />
2 <script>
3 var viewModel = kendo.observable({
4     isChecked: false
5 });
6  
7 kendo.bind($("input"), viewModel);
8 </script>

本例,因为viewModel的isChecked初始值为false,因此Checkbox显示未选状态,如果此时用户点击选择该选项,那么viewModel的isChecked的值为true.

绑定一个数组到一组多选框

checked绑定支持把ViewModel对象的一个数组属性绑定到一组多选框, 选择一组多选框的某个Checkbox,它的值被添加到ViewModel的数组中,反之,该值从数组中移除。

1 <input type="checkbox" value="Red" data-bind="checked: colors" />Red

抱歉!评论已关闭.