extjs4学习日志（2）数据模型中的model

今天继续学习extjs4，今天主要学习extjs的数据模型结构主要包括model、proxy和store，分别代表模型、代理、数据集

1、  创建model

       model的创建过程就相当于数据库中的设计table的过程和C#中的class的定义过程

       两种方法：

       a) Ext.define():自定义一个类并继承自Ext.data.Model类

            //方法1：使用Ext.define创建model类
            Ext.define('person', {
                extend: 'Ext.data.Model',   //继承自model类
                fields: [                   //相当于table中的字段，class中的属性
                    { name: 'name', type: 'auto' },
                    { name: 'age', type: 'int' },
                    { name: 'email', type: 'auto' }
                ]
            });

       b) Ext.regModel():直接定义一个类，返回的就是model类

            //方法2：使用Ext.regModel来创建model类，可以不写继承自model类，本身就返回一个model
            Ext.regModel('user', {
                fields: [
                    { name: 'name', type: 'auto' },
                    { name: 'age', type: 'int' },
                    { name: 'email', type: 'auto' }
                ]
            });

2、  实例化model类

       a) new关键字

            //方法1：new关键字
            var p = new person({
                name: '张三',
                age: 26,
                email: 'zs@163.com'
            });

            Ext.Msg.alert('提示', '姓名：' + p.get('name') + ' 年龄：' + p.get('age') + ' 邮箱：' + p.get('email'));

　　获取model中的字段可以用对象.get(字段名)来获得。

　　b) Ext.create()

//方法2：Ext.create()（推荐）
            var p1= Ext.create('person', {
                name: '李四',
                age: 30,
                email: 'ls@163.com'
            });

            alert('姓名：' + p1.get('name') + ' 年龄：' + p1.get('age') + ' 邮箱：' + p1.get('email'));

　　c) Ext.ModelManager.create()

    //方法3：Ext.ModelManager.create()可以简写成Ext.Mgr.create()
    var p2 = Ext.ModelMgr.create({
        name: '王五',
        age: 35,
        email: 'ww@163.com'
    }, 'person');

    alert('姓名：' + p2.get('name') + ' 年龄：' + p2.get('age') + ' 邮箱：' + p2.get('email'));

4、  验证器validations

　　就是对model的对象的各个字段（属性）进行验证的机制

 //扩展验证机制
    Ext.apply(Ext.data.validations, {
        age: function (config, value) {
            var min = config.min;
            var max = config.max;
            if (value >= min && value <= max) {
                return true;
            }
            else {
                return false;
            }
        },
        ageMessage: '年龄数据出现错误！'
    });

    //定义名为person的model
    Ext.regModel('person', {
        fields: [
            { name: 'name', type: 'auto' },
            { name: 'age', type: 'int' },
            { name: 'email', type: 'auto' }
        ],
        //验证器
        validations: [
        //验证类型：长度验证  验证字段：name 长度大于等于2小于等于6
            {type: 'length', field: 'name', min: 2, max: 6 },
        //验证年龄必须在0到100之间
            { type: 'age', field: 'age', min: 0, max: 100 }
        ]
    });

    var p = Ext.create('person', {
        name: '王',
        age: -9,
        email: 'ls@163.com'
    });

    var errors = p.validate();

    errors.each(function (msg) {
        alert('字段：' + msg.field + '\n发生错误：' + msg.message);
    })

运行结果将会输入错误信息。