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. C# 获取FormData数据

    通常的方法是你创建一个 FormData 对象.然后你使用append方法来加入任何额外的key和他们的值.就像这样: var form = new FormData(); form.append(& ...

  2. Spring Cloud Summary

    Spring Cloud Summary https://cloud.spring.io/spring-cloud-static/Finchley.RC1/single/spring-cloud.ht ...

  3. nonatomic对引用计数的影响(非ARC)

    @interfaceAppDelegate() { NSObject * obj_; } @property(retain) NSObject * obj;// 默认是atomic //@proper ...

  4. PairRDD中算子reduceByKey图解

    reduceByKey 函数原型: def reduceByKey(func: (V, V) => V): RDD[(K, V)] def reduceByKey(func: (V, V) =& ...

  5. 【Maven】maven打包生成可执行jar文件

    http://blog.csdn.net/u013177446/article/details/53944424 ******************************************* ...

  6. http,javascript的编码解码

    http,javascript的编码解码 请求与响应的编码应分开分析 两者的编码,解码处理是相对独立的流程 依赖于相对独立的header: request header, response heade ...

  7. 【转】hadoop2.6 配置lzo压缩

    [转自]http://my.oschina.net/u/1169079/blog/225070 经常用于处理大量的数据,如果期间的输出数据.中间数据能压缩存储,对系统的I/O性能会有提升.综合考虑压缩 ...

  8. springmvc集成Freemarke配置的几点

    项目结构图 废话不多说, 集成步骤: 1.web.xml  spring-mvc配置 <?xml version="1.0" encoding="UTF-8&quo ...

  9. kubernetes master 高可用一键部署

    #地址见:https://github.com/SILLKY/kubernetes-pro/tree/master/Master-HA#包括其他一些文件,适当版本1.6.1#!/bin/bash ho ...

  10. WPF教程三：布局之WrapPanel面板

    WrapPanel:环绕面板 WrapPanel布局面板将各个控件从左至右按照行或列的顺序罗列,当长度或高度不够时就会自动调整进行换行,后续排序按照从上至下或从右至左的顺序进行. Orientatio ...