切换任务的完成状态 - 思路

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

点击这个任务列表里面的某个任务项目旁边的这个 对号 ... 可以切换当前这个任务的完成的状态 ... 这个对号其实就是一个复选框 .. 只不过上面加上了一些额外的样式,让它看起来是这个样子 ...

打开 index.html ... 在这个应用的主页面上,为 任务模型 定义了一个模板 ... 就是这个 item-template ... 这里的这个 带 toggle 类的 checkbox 类型的 input 元素,就是我们刚才看到的那个切换任务状态的对号 ...

在这里, 我们用了一组 Underscore 模板的特殊标记 ... 在它里面,先去判断一下模型的 completed 属性的值 ... 如果它的值是 true 的话 ... 就会在这个 checkbox 元素上添加一个 checked 属性 ... 表示勾选了这个复选框 ..

我们可以去监听这个复选框的点击的事件 ... 也就是,如果有人点了复选框 ... 去执行一个设计好的函数,可以用来切换任务的状态,其实就是去修改任务的 completed 属性的值。

1:52
0:00
6:36
3:22
3:42
0:00
2:29
4:08

切换任务的完成状态 - 思路《 Backbone 应用实例 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点