在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是否合法的,而没有被注释的第三行,则是对年龄进行的验证,而这些验证都是为以下代码的判断进行验证的