从零开始学习Sencha Touch MVC应用之十五

在从零开始学习sencha touch MVC应用系列的最后一部分内容中,将在应用中添加一些数据来继续我们前面所讲的部分开发程序。
在开始之前,请大家注意为了使这篇文章的所有例子都能运行,务必要将应用放在web环境中运行,因为应用中采用了AJAX技术,需要访问数据。
下面开始为我们的应用添加一些消息
在向应用添加消息之前,我们必须首先定义我们实际的一个消息条目所具有的属性,我们将通过创建一个模型来实现。
建立模型
 “一个模型代表着应用所管理的对象,例如:我们可以定义一个关于用户、产品、汽车,等等诸如此类的现实世界对象的模型,这些都是我们想在系统中模型化的对象” (摘自Sencha Touch 官方文档)


我们将在app/models/中创建我们的新闻条目模型,因此我们创建一个命名为newsItemModel.js的文件,并在文件中含有下面的内容:

Ext.regModel('NewsItem', {
    fields: [
        {name: 'title', type: 'string'},
        {name: 'date', type: 'string'},
        {name: 'content', type: 'string'}
    ]
});


把新创建的模型文件包含进index.html文件中, 并且在控制器controllers的前面.


正如你看到的,用Ext.regModel 函数功能来创建一个模型. 我们把模型的名字和所配置的对象作为一个参数传递给它。在配置的对象中我们定义模型的字段阵列属性,每个属性是一个我们可以设置名称和类型的对象。


我们的NewsItem 模型有三个属性(标题、日期、内容),其类型被设为字符串型,当然这些类型属性也可以设置为为整型int、浮点型float、布尔型boolean甚至还可以是自动适应类型. Sencha Touch 可以将每个属性值自动转换为对应设置的类型,当不需要指定转换类型时,类型可以被设定为自动类型。


       模型属性对象也可以有缺省值defaultValue设置。


既然我们已经有了模型,我们需要建立一个存储Store.

posted @ 2012-05-08 14:07  范永强  阅读(132)  评论(0编辑  收藏  举报