Extjs继承机制和窗体创建（10级学员 刘根鹏课堂总结）

 

在extJs中，define方法是用来实现窗体自定义的

以下就是一个define方法的使用，相信看过些方法后，会有更深刻的理解

首先利用create方法创建窗口对象，在4.0中create与new的意思一样

接来下，我们把要写的自定义窗体去继承我们把创建的窗体

     


我们可以看到以上define的窗体里面有一个extend用来继承我们把创建的窗体

这个是必须写的哦！

由以上的define使我想到了又一个方法config，其方法是用来辅助我们写setter和getter方法的

Ext.define('SmartPhone', {

config: {  //自动会生成相应的get/set方法

hasTouchScreen: false,

operatingSystem: 'Other',

price: 500   //这里所生成的就是它的set和get方法

},

constructor: function(cfg) { //初始化 cfg参数

this.initConfig(cfg);

}

});

var iPhone = new SmartPhone({

hasTouchScreen: true,

operatingSystem: 'iOS'

});

//alert(iPhone.getPrice()); // 500;

    在create参数中指定requires关键字的值来引入指定的类

   

    Ext.onReady(function(){

       var win=Ext.create("mywin",{

           requires:['myApp.mywin']

       }).show();

    });

mixins : 混合属性，可以使一个类具有多个类的方法

示例代码：



extJS创建类和对象



可以看出，fileds里面写的是我们所定义的属性及其所对应的类型，而我们每定义一个类时都必须extend：Ext.data.Model,其中，如果我们想要声明一个方法，就可以写成study:function()这个类似形式

从上面的代码中可以看出，validations中写的是一个验证，其中，被注释的是第一行代码是用来验证用户名是否在2至8位之间，第二行，则是验证所写的email是否合法的，而没有被注释的第三行，则是对年龄进行的验证，而这些验证都是为以下代码的判断进行验证的