zoukankan      html  css  js  c++  java
  • 从零开始学习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.
  • 相关阅读:
    js封装日期格式化函数
    原生js时间戳获取和转换
    自适应好用的一个css
    ES6五种遍历对象属性的方式
    ES6对象属性名简洁表示法和表达式、对象新方法、属性的遍历
    ES6数组扩展运算符(Rest+Spread)、类方法、原型方法
    正则表达式常见匹配
    typescript深copy和浅copy
    判断一个变量类型是对象还是数组
    npm 淘宝镜像的配置
  • 原文地址:https://www.cnblogs.com/fyq891014/p/4188893.html
Copyright © 2011-2022 走看看