创建新任务的功能 - 创建任务模型

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

我们先完成应用里面的一个小功能,就是创建新的任务,在这个文本框里输入内容,按下回车,新的任务会显示在下面。

我们要做的是一个管理任务列表的小应用,在这个应用里,每个任务项目是应用要处理的数据。所以,我们需要先去创建一个模型,用来表示任务项目。

应用的模型,可以放在 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
}

在后面,我们还会回来继续去给这个模型里添加其它的东西 ... 暂时先这样 .. 保存一下 ...

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

创建新任务的功能 - 创建任务模型《 Backbone 应用实例 》

统计

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

社会化网络

关于

微信订阅号

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