编辑任务

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

编辑任务的功能是这样的,我们可以先来看一下完成之后的效果 ... 双击想要编辑的任务的标题 ... 会在当前的这个位置上显示一个文本框 ... 在文本框里已经填好了任务当前的标题 ... 然后再去修改一下这个任务的标题 ...

按下回车键 ... 可以保存所做的修改 ... 或者,也可以在修改完成以后,点一下其它的地方 ...

这样也可以保存对任务的修改 ...

再双击一下 ... 这里,如果我们删掉任务里面的所有的内容 ... 按下回车,或者点一下其它的地方 ... 这样会删除掉这条任务 ...

实现这些功能,可以先在任务的显示模板里面去添加一个文本框元素,默认会隐藏这个元素,在这个文本框元素里面,已经填好了任务的标题 ... 当用户双击任务标题的时候,会把这个隐藏的带有任务标题的文本框元素显示出来 ...

然后可以监听这个文本框的事件,当用户按下回车键,或者离开这个文本框的时候,会保存对任务的修改 ... 如果清空了任务的标题 ... 回车或者离开文本框以后,会调用模型的 destroy 方法,把这个模型删除掉 ... 同样也会把它从从界面上删除掉 ...

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

编辑任务《 Backbone 应用实例 》

统计

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

社会化网络

关于

微信订阅号

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