切换显示不同状态的任务列表

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

点击 进行中 ,会把 completed 属性的值是 true 的任务隐藏起来,也就是完成状态的任务。 在这个页面上,把任务的状态标记成已完成,可以立即把这个任务隐藏起来。

打开 已完成 这个地址,可以把未完成的任务隐藏起来。其实就是在未完成的任务项目上,添加了一个叫 hidden 的 css 类 ... 这个类的样式就是把元素从界面上隐藏起来。

在这个小功能里,我们用到了 Backbone 的路由器 ... 点击打开设置好的地址以后,让路由器在应用的集合里面,去触发一个自定义的事件 ... 然后在应用的视图里,去监听这个事件 ...

这样点开某个地址以后,触发了这个自定义的事件,就去在相应的任务项目上添加一个 hidden 类,把它隐藏起来。下面, 我们再一步一步去实现这个功能。

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

切换显示不同状态的任务列表《 Backbone 应用实例 》

统计

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

社会化网络

关于

微信订阅号

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