Javaｓｃｒｉｐｔ使用Avalon绑定复选框选择

双工绑定是阿瓦隆结合最有趣的部分，因为它可以帮助开发人员做了很多的东西，这使得开发人员编写的代码和代码更加优雅。就在一个共同的复选框显示选择。

请求：（过时的，或说）

1。检查选择的盒子，箱子里装满了子检查；复选框是不充分的，选中所有的子盒

2。如果没有选中复选框，选择取消复选框；

3。复选框全部选中，然后选中复选框
* {
保证金：0；
填充：0；
}
#包{
左：100px保证金；
}
#包里{
显示：内联块；
*显示：内联；
缩放：1；
垂直对齐：中间；
}
选择
{文本} }
id：选定项目的{选定}
要求（'avalon功能（Avalon）{
VaR双工= avalon.define（'duplex功能（VM）{）
虚拟选择。
VM。列表= { {编号：1，文字：'AAA' }，{编号：2，文字：{BBB} }，{编号：3，文字：CCC}，{编号：4，文字：'ddd}，{编号：5，文字：'eee}，{编号：6正文：'fff} }；
VM。select_all_cb =功能（改变）{ / /框中选择事件回调
var list = duplex.list，选择= duplex.selected；
如果（检查）{
avalon.each（列表，函数（i，v）{ / /周期不断的复选框数据
Selected.ensure（V { 'id' }）； / /如果没有当前箱数据保存
}）；
}其他
（选定的，清除的）；空的
}；
VM。select_all = 0；
}）；
双工。选择。美元（'length功能表（后）{ / /监控数据存储阵列的变化
VaR len = duplex.list.length；
如果（后=）子框全部选中
双select_all = 1；
尚未选择其他的一个 /子框
双select_all = 0；
}）；
Avalon.scan（）；
}）；

影响
有几点需要解释：

1.data-duplex-changed负责听力变化的复选框并触发回调。

2。MS双工数=选择这是神器，所选阵列与分箱同步，并相互影响，也就是说，在选定的阵列增加或减少元件的数量，并更新相应的小格子的观点，反之亦然。

3、MS * *需要与复选框值属性值的类型相同，否则视图不能同步。

4.checkbox值的属性值的类型有时并不是理所当然的。这刁遇到了，明明从背景是身份证号码，但不能同步，最后变为MS双工串解决问题。所以'7'is 7，要清楚。

从这个小例子，你可以看到mvvc是提升编码经验的阿瓦隆，如果不考虑环+多少如果判断你想写的！

以上是本文的全部内容，希望大家能喜欢。