点击 进行中 ,会把 completed 属性的值是 true 的任务隐藏起来,也就是完成状态的任务。 在这个页面上,把任务的状态标记成已完成,可以立即把这个任务隐藏起来。
打开 已完成 这个地址,可以把未完成的任务隐藏起来。其实就是在未完成的任务项目上,添加了一个叫 hidden 的 css 类 ... 这个类的样式就是把元素从界面上隐藏起来。
在这个小功能里,我们用到了 Backbone 的路由器 ... 点击打开设置好的地址以后,让路由器在应用的集合里面,去触发一个自定义的事件 ... 然后在应用的视图里,去监听这个事件 ...
这样点开某个地址以后,触发了这个自定义的事件,就去在相应的任务项目上添加一个 hidden 类,把它隐藏起来。下面, 我们再一步一步去实现这个功能。