Model代表应用程序管理的一些对象。例如，我们可能会为 我们想在系统中建模的现实世界中的一些物体像使用者、产品和汽车等定义一个Model。这些Model在 Ext.ModelManager中注册，被Ext.data.Store使用, 而这些Ext.data.Store又被许多 Ext中许多与数据绑定的组件使用.

直接上代码:

<%--

  Created by IntelliJ IDEA.

  User: Administrator

  Date: 2015/12/13 0013

  Time: 08:51

  To change this template use File | Settings | File Templates.

--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>

<head>

   <jsp:include page="resource.jsp"></jsp:include>

    <title>Ext数据模型Ext.data.Model</title>

</head>

<body>

<script type="text/javascript">

Ext.onReady(function(){

   // Ext.Msg.alert('提示','确定要删除此文件吗？');

    Ext.define("MyExt.User",{

        extend:"Ext.data.Model",

        fields:[

            {name: 'name',  type: 'string'},

            {name: 'age',   type: 'int', convert: null},

            {name: 'phone', type: 'string'},

            {name: 'email', type: 'string'},

            {name: 'alive', type: 'boolean', defaultValue: true, convert: null},//默认值
            //转换器

            {name:'birth',type:'date',convert:function(value,record){

                if(Ext.isDate(value)){

                    return value;

                }else if(Ext.isString(value)){
             //格式化

                    return Ext.Date.parse(value,'Y-m-d');

                }

            }}

        ],

        validations:[

            { field: 'phone', type: 'length', min: 8, max: 13},

            { field: 'email', type: 'email'}

        ],

     //自定义方法

        sayHello:function(msg){

            Ext.Msg.alert('提示',msg);

        }

    });

    var user = Ext.create('MyExt.User');

    user.sayHello('Ext的数据模型');

    //为指定字段重新赋值

    user.set('name','小黄');

    //获取指定字段的值

    console.info(user.get("name"));

    console.info(user.get('alive'));//true

     //修改默认字段值的数据

    user.set('alive',false);

    console.error(user.get('alive'));//false

console.info('************数据转换开始**************')

   var user_2 = Ext.create('MyExt.User',{

       name:'我靠，where is my future?',

       birth:'2032-12-12',

       phone:'213',

      email:'54353.com'

   });

    console.info(user_2.get('birth')); //Sun Dec 12 2032 00:00:00 GMT+0800 (中国标准时间)

    /**

    *  验证电话 validations

     */

    //长度错误

    Ext.data.validations.lengthMessage = "长度错误";

    Ext.data.validations.emailMessage="邮箱格式错误!";

    var validMsg= user_2.validate();

    var msgs=[];

    if(!validMsg.isValid()){

        validMsg.each(function(msg){

           msgs.push(msg.field+'字段验证信息:'+msg.message);

        });

    }

    Ext.Msg.alert('提示',msgs.join('<br/>'));

});

</script>

</body>

</html>

更多请参考：

ExtJS 4.2教程-04：数据模型

[ExtJs] ExtJs4.2 数据模型Ext.data.Model学习的更多相关文章

  1. ExtJs Ext.data.Model 学习笔记

    Using a Proxy Ext.define('User', { extend: 'Ext.data.Model', fields: ['id', 'name', 'email'], proxy: ...

  2. ExtJS笔记 Ext.data.Model

    A Model represents some object that your application manages. For example, one might define a Model ...

  3. ExtJS教程（5）---Ext.data.Model之高级应用

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/jaune161/article/details/37391399 1.Model的数据验证 这里借助 ...

  4. HBase 数据模型（Data Model）

    HBase Data Model--HBase 数据模型(翻译) 在HBase中,数据是存储在有行有列的表格中.这是与关系型数据库重复的术语,并不是有用的类比.相反,HBase可以被认为是一个多维度的 ...

  5. EXtJS Ext.data.Model

    (一).首先我们介绍一下Model类中比较常用的几个属性,如果我们想构建一个Model类,最主要的属性就是(Fields)属性,这个属性接受一个数组.用来设置Model中所包含的字段.定义的格式如下: ...

  6. Extjs 项目中常用的小技巧，也许你用得着(5)--设置 Ext.data.Store 传参的请求方式

    1.extjs 给怎么给panel设背景色 设置bodyStyle:'background:#ffc;padding:10px;', var resultsPanel = Ext.create('Ex ...

  7. ExtJS笔记 Ext.data.Types

    This is a static class containing the system-supplied data types which may be given to a Field. Type ...

  8. 设置 Ext.data.Store 传参的请求方式

    设置 Ext.data.Store 传参的请求方式 1.extjs 给怎么给panel设背景色 设置bodyStyle:'background:#ffc;padding:10px;', var res ...

  9. Ext JS 6学习文档-第7章-图表

    Ext JS 6学习文档-第7章-图表 使用图表 本章中将探索在 ExtJS 中使用不同类型的图表并使用一个名为费用分析的示例项目结束本章所学.以下是将要所学的内容: 图表类型 条形图 和 柱形图 图 ...

随机推荐

  1. hdoj1160 FatMouse's Speed 动态规划

    FatMouse's Speed Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) ...

  2. 【转】Linux删除文件未释放空间问题处理

    linux里的文件被删除后,空间没有被释放是因为在Linux系统中,通过rm或者文件管理器删除文件将会从文件系统的目录结构上解除链接(unlink).然而如果文件是被打开的(有一个进程正在使用),那么 ...

  3. eclipse svn 冲突解决

    eclipse svn 冲突解决

  4. ios开发之修改 UITableview 滚动条颜色的方法

    UITableview 的滚动条默认颜色是黑色的,如果 UItableview 背景也是深颜色,则滚动条会变的很不明显.您可以用下面这行代码来改变滚动条的颜色 self.tableView.indic ...

  5. MongoDB学习之（三）增删查改

    发现一篇Java操作MongoDb不错的文章,记录一下: https://www.cnblogs.com/sa-dan/p/6836055.html 基本功能. import java.util.Ar ...

  6. MAC上类apt-get工具brew的安装与使用

    对于习惯了linux系统的人来说,使用yum或者apt-get来在线安装软件是一件非常愉快的事情.这些工具能够解决依赖问题.使得安装过程变得简单快捷. 在使用MAC的时候,也会想:MAC OS上有没有 ...

  7. 【转】【Unity】实现全局管理类的几种方式

    本文原作者未知,转载自:http://blog.csdn.net/ycl295644/article/details/42458477 如何在Unity中实现全局管理类?由于Unity脚本的运行机制和 ...

  8. 【C#】Event事件的订阅和发布

    学习笔记:学习了委托和事件的用法.事件是一种特殊的委托,记录下事件从订阅到发布的流程. 学习资料源于视频:http://www.maiziedu.com/course/510-6891/ 新建一个De ...

  9. ssh 移植记录

    利用buildroot 先编译一个 sshd cd buildroot-2016.05/ make menuconfig Target packages ---> Networking appl ...

  10. 集群负载均衡LVS

    电子商务已经成为生活中不可缺少的一部分,给用户带来了方便和效率.随着计算机硬件的 发展,单台计算机的性能和可靠性越来越高.网络的飞速发展给网络宽带和服务器带来巨大的 挑战,网络宽带的增长速度远远高于内 ...