我们先完成应用里面的一个小功能,就是创建新的任务,在这个文本框里输入内容,按下回车,新的任务会显示在下面。
我们要做的是一个管理任务列表的小应用,在这个应用里,每个任务项目是应用要处理的数据。所以,我们需要先去创建一个模型,用来表示任务项目。
应用的模型,可以放在 Models 这个目录的下面,我们之前已经创建了一个 Todo.js ,在这个文件里,可以去创建应用需要的模型。
先打开这个文件。
命名空间
在这个应用里面,可以先定义一个对象,然后把应用需要的东西都作为这个对象里的属性,这个对象的作用有点像是一个命名空间,也就是我们在全局范围内,只定义了一个东西,就是这个对象。这样不容易跟第三方的代码库发生命名的冲突。
这个对象可以叫做 app ,表示 application ... 你也可以根据自己的需求去命名一下它 ...
var app = app || {};
这行代码的意思就是,去定义一个叫 app 的对象,它的值,要么等于 app ,要么就是一个空白的对象。 一组花括号,表示一个空白的对象。
模型
接下来, 我们为应用创建的模型,集合之类的东西,都可以作为 app 这个对象的属性添加进来。下面,我们先去创建在应用里表示任务这个类型的数据的模型。这个模型可以叫做 Todo ...
app.Todo ... 意思就是给 app 这个对象添加一个 Todo 的属性 ... 创建 Backbone 的模型 ... 可以让它等于 Backbone 的 Model 的 extend ...
创建 Backbone 的模型,可以参考宁皓网的 Backbone 基础教程。
在这个模型里面,添加两个默认的属性 ... 这些默认的属性放在 defaults 这个属性里面。
defaults: {}
先添加一个 title 属性 ... 这里面放的是任务的标题内容 ... 默认让它等于空白的字符串 ...
然后再添加一个 completed 属性 ... 这个属性表示任务的状态,如果它的值是 true ,就表示任务已经完成了,如果它的值是 false ,表示任务还在进行中 ... 默认我们让它的值默认等于 false ...
defaults: {
title : '',
completed : false
}
在后面,我们还会回来继续去给这个模型里添加其它的东西 ... 暂时先这样 .. 保存一下 ...