Extjs4.10Model模型详解

简介: <p style="margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; font-family:Arial; font-size:14px; line-height:26px"> <span style="font-size:18px">一、创建Model模型</span><br></p> <p

一、创建Model模型

Extjs4.10提供了两种方法来创建Model模型,也就是创建类

方法一:

    Ext.define('person',{   
          extend:'Ext.data.Model'     //必须继承类
          fields:[
                    {name:'name',type:'auto'},  
                    {name:'age',type:'int'},
                    {name:'email',type:'auto'},
          ]
    });

方法二:
     Ext.regModel('person',{    
           fields:[
                    {name:'name',type:'auto'},
                   {name:'age',type:'int'},
                  {name:'email',type:'auto'}
            ]
     });

优点:不能每次都extend:'Ext.data.Model'  

二、实例化Model模型:

Extjs4.10提供了三种方法来实例化Model模型

方法一:

    var p = new person({
         name:'zhangsan',
         age:28,
         email:'zhangsan@qq.com'
   })

   alert(p.get('name'));

方法二:

     var p1 = new Ext.create('person',{
          name:'zhangsan',
         age:28,
         email:'zhangsan@qq.com' 
    })

   alert(p1.get('name'));

方法三:

    var p3 = Ext.ModelManager.create({
         name:'zhangsan',
        age:28,
        email:'zhangsan@qq.com'
     },'person');

    alert(p3.get('name'));

相关文章
|
7月前
组件v-model
组件v-model
65 0
|
4月前
|
JavaScript 开发者
v-model学习
v-model学习
87 0
|
4月前
|
JavaScript 前端开发 数据格式
Cesium案例解析(四)——3DModels模型加载
Cesium案例解析(四)——3DModels模型加载
293 0
|
5月前
vue2 自定义 v-model (model选项的使用)
vue2 自定义 v-model (model选项的使用)
861 1
|
5月前
vue3【实用教程】v-model(含给 v-model 添加参数,绑定多个 v-model ,v-model 的内置修饰符,自定义 v-model 的修饰符等)
vue3【实用教程】v-model(含给 v-model 添加参数,绑定多个 v-model ,v-model 的内置修饰符,自定义 v-model 的修饰符等)
211 0
|
7月前
|
JavaScript 编译器
组件 v-model
组件 v-model
自定义组件使用v-model
自定义组件使用v-model
|
JavaScript 前端开发
Vue系列教程(10)- Model数据内容双向绑定(v-model)
Vue系列教程(10)- Model数据内容双向绑定(v-model)
124 0
Antd Model完全自定义
Antd Model完全自定义
325 0
Antd Model完全自定义