显示还剩多少个任务与删除完成的任务按钮

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

接下来我们要完成的功能就是在这个应用的底部,有一个状态栏,在这上面,可以还剩下多少个没有完成的任务的提示 ... 在这个状态栏的右边 ..

还有一个可以清空所有完成的任务的按钮 ... 在这个按钮上面,会显示出已经完成的任务有多少个 .. 点击这个按钮可以清除掉所有的已经完成的任务。

点击任务项目左边的切换状态的复选框 ... 注意这个提示里的内容会实时的更新 ...

实现这两个小功能可以这样。

在任务的集合里面,去创建两个方法,一个可以得到完成状态的任务,另一个方法可以得到没完成的任务。在到应用的主页 index.html 里面去设计一个显示这些内容的模板。

最后可以在应用的视图里面去得到完成的还有剩下的任务的数量,再把它们填充到模板里面显示出来。然后去监听清除完成任务的按钮的点击事件,发生这个事件的时候,去调用方法逐个删除掉已经完成的任务项目。

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

显示还剩多少个任务与删除完成的任务按钮《 Backbone 应用实例 》

统计

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

社会化网络

关于

微信订阅号

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