预览

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

我们在这个课程里要做的一个实例是一个任务列表的小应用,在应用的主页面上,会有一个大的文本框 ... 在这里,可以输入要做的事情 ....

晚上回家洗尿布 ...

按一下回车键 .. 应用会根据在文本框里输入的东西,创建一个新的任务 .. 显示在下面 ... 再去创建几条任务 ...

已经完成的任务,可以点击任务项目左边的这个对号,这其实就是一个添加了额外样式的复选框 ...

在页脚这个区域上面,会显示一些状态信息 ... 比如没有完成的任务数量 ... 还有已经完成的任务 ... 点击这个 清除已完成,可以删除掉完成的任务 ....

这中间还有一个简单的导航,用的是 Backbone 的路由器 ... 点击 进行中 ... 会显示没有完成的任务 ..

点击 已完成,会从任务列表里面,过滤出已经完成了的任务 ..

全部,会显示全部的任务 ...

想要编辑任务项目,可以双击它(#双击 录制视频) ... 这样会出现一个文本框 ,里面已经填好了当前任务的内容 ... 然后可以去修改一下 .. (#添加 Backbone),完成以后,再按一下回车,可以保存修改的内容 ...

鼠标放到任务项目的上面 ... 在它右边儿会显示一个 叉号,点击这个叉号, 可以删除掉这个任务 ....

在新建任务的这个文本框的左边,还有一个复选框 ... 勾选一下 ... 可以把所有的任务都标记成已完成的状态 ...

再点一下右下角的 清除已完成 ... 可以把所有的已经完成的任务都删除掉。

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

预览《 Backbone 应用实例 》

统计

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

社会化网络

关于

微信订阅号

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