EXTJS4.0入门学习

(function () {//页面加载完之后会自动执行这个函数
    //自定义一个验证器
    Ext.apply(Ext.data.validations,{
        age:function (config,value) { if (value === undefined || value === null) { return false; } var size = value, min = config.min, max = config.max; if ((min && size < min) || (max && size > max)) { return false; } else { return true; } },
        ageMessage:'age is not correct'
    })
    //定义一个model，相当于java中类的概念
    Ext.define('Person', {
        extend: 'Ext.data.Model',
        fields: [ {name: 'name', type: 'string'}, {name: 'age', type: 'int'} ],
        validations:[ {type:'length',field:'name',min:2,max:3}, {type:'age',field:'age',min:0,max:100} ],
        changeName: function () { var oldName = this.get('name'), newName = oldName + " The Barbarian"; this.set('name', newName); }

    });
    //第一种创建方式
    var p = Ext.create('Person', {
        name: 'tom',
        age: 17
    });
    //第二种创建方式
    var  p2 = Ext.ModelManager.create({
        name: 'tom',
        age: 17
    },'Person');
    //当验证不通过时，会返回一个Errors的集合
    var errors=p.validate();
    errors.each(function (error) {
        console.log(error.field+' '+error.message+'\n');
    });

})();