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. Ubantu 查看系统资源占用

    1  top 查看ubuntu的资源占用的命令为$: top    说明:top命令就可以查看内存,cpu和进程了,很方便 top: 主要参数 d:指定更新的间隔,以秒计算. q:没有任何延迟的更新. ...

  2. 异常处理：1215 - Cannot add foreign key constraint

    最近在做新生入学系统,学生表中包括新生的班级,专业等信息,班级,专业就需要和班级表,专业表进行关联,但是在添加外键的过程中却出现了“Cannot add foreign key constraint” ...

  3. electron的通信

    1.获取当前设备的屏幕可用区域的分辨率winW=electron.screen.getPrimaryDisplay().workAreaSize.widthwinH=electron.screen.g ...

  4. 向linux服务器上传下载文件方式收集

    向linux服务器上传下载文件方式收集 1. scp [优点]简单方便,安全可靠:支持限速参数[缺点]不支持排除目录[用法] scp就是secure copy,是用来进行远程文件拷贝的.数据传输使用 ...

  5. JavaScript高级 面向对象（8）--浅拷贝代码实现

    说明(2017.3.31): 1. 浅拷贝,只有值属性,没有引用属性. 2. 在原对象里面添加一个copy方法,返回本对象内的所有值属性. <!DOCTYPE html> <html ...

  6. 在chrome中的source找不到自己写的js时处理方法

    今天准备调试下js,突然发现在谷歌的中source中找不到我要调试的js,后来查资料和听同事说谷歌会把js压缩,于是找到以下方法来调试js 1. debugger神器 横扫各个浏览器.脚本运行到deb ...

  7. excel自定义函数添加和使用方法

    第一,excel自定义函数简介 Excel自带很多函数供使用,但有些问题用内置函数解决起来很复杂,甚至是无能为力,这时就可以利用VBA开发自定义函数. 第二,excel如何添加自定义函数 excel自 ...

  8. Cookie application session

    •Application 对象是存储于服务器的全局变量 •Cookie 存储信息于客户端 •Session 对象用于在服务器端存储用户的信息,在用户结束会话时被清除 1.将信息写入Cookies 中/ ...

  9. tmpx75 I2C 温度传感器驱动程序添加

    在kernel 内 make menuconfig 加入相关选项 Device Drivers ---> <*> Hardware Monitoring support ---> ...

  10. java中常见的异常（转）

    1. java.lang.nullpointerexception 这个异常大家肯定都经常遇到,异常的解释是"程序遇上了空指针",简单地说就是调用了未经初始化的对象或者是不存在的对 ...