编辑任务的功能是这样的,我们可以先来看一下完成之后的效果 ... 双击想要编辑的任务的标题 ... 会在当前的这个位置上显示一个文本框 ... 在文本框里已经填好了任务当前的标题 ... 然后再去修改一下这个任务的标题 ...
按下回车键 ... 可以保存所做的修改 ... 或者,也可以在修改完成以后,点一下其它的地方 ...
这样也可以保存对任务的修改 ...
再双击一下 ... 这里,如果我们删掉任务里面的所有的内容 ... 按下回车,或者点一下其它的地方 ... 这样会删除掉这条任务 ...
实现这些功能,可以先在任务的显示模板里面去添加一个文本框元素,默认会隐藏这个元素,在这个文本框元素里面,已经填好了任务的标题 ... 当用户双击任务标题的时候,会把这个隐藏的带有任务标题的文本框元素显示出来 ...
然后可以监听这个文本框的事件,当用户按下回车键,或者离开这个文本框的时候,会保存对任务的修改 ... 如果清空了任务的标题 ... 回车或者离开文本框以后,会调用模型的 destroy 方法,把这个模型删除掉 ... 同样也会把它从从界面上删除掉 ...