• 从零开始学习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.
  • 相关阅读:
    jQuery点击事件解绑
    js添加key为数字的对象,通过类似于通过访问数组的中括号形式访问对象属性
    JS区分中英文字符的两种方法: 正则和charCodeAt()方法
    js时间比较,获取n天后(前)的日期
    js延迟函数
    @RequestBody和@ModelAttribute注解
    HttpServletRequest
    java异常处理之throw, throws,try和catch
    js去除空格,判断是否包含
    CSS :focus 选择器
  • 原文地址:https://www.cnblogs.com/fyq891014/p/4188893.html
Copyright © 2020-2023  润新知