首页 > 代码库 > Ext JS学习第六天 Ext自定义类（一）
Ext JS学习第六天 Ext自定义类（一）
此文来记录学习笔记
•我们在之前的学习，已经对ExtJS有了一个初步的认识，那么如果要学好ExtJS，对于javascript是必须的，也就是说，对于理解ExtJS底层基础架构的理解也是必须的。那么我们现在就开始学习ExtJS的基础架构。
–如何创建一个Ext的类、创建类的复杂流程
•定义类的方法：define
•对于Ext4.X版本来说，采用了新定义类的define方法，而不是延续旧版本的extend方法，那么对于定义一个新的类。我们来了解下define的使用。
•Ext.define(classname,properties,callback);
–classname:要定义的新类的类名
–properties：新类的配置对象
–callback：回调函数，当类创建完后执行该函数
•对于Ext定义一个新的类，那么我们可以想象到，既然是利用Ext.define去创建类，那么创建的类一定是Ext所特有的类，不同于传统的javascript创建一个类，也就是说我们要对于define方法的第二个参数properties配置项进行配置，需要找到Ext对于类支持的API并进行配置
好了，依照惯例该到举栗子的时候了，请看栗子代码
1 Ext.onReady(function () { 2 //config 、constructor 构造器 3 4 //在Ext中如何去定义一个类: Ext.define(className , properties , callback) 5 Ext.define(‘Person‘,{ 6 //这里是对于这个类的一些配置信息 7 //config属性 就是配置当前类的属性内容,并且会加上get和set方法 8 config:{ 9 name:‘z3‘ , 10 age: 2011 },12 //自己定义的方法13 say:function(){14 alert(‘我是方法...‘);15 },16 //给当前定义的类加一个构造器 ,目的就是为了初始化信息17 constructor:function(config){18 var me = this ;19 me.initConfig(config); // 真正的初始化传递进来的参数20 }21 });22 23 //Ext.create 实例化一个对象24 var p = Ext.create(‘Person‘,{25 name:‘王五‘ , 26 age:3027 });28 alert(p.getName());//王五29 alert(p.getAge());//3030 p.say(); //我是方法...31 32 })
一个类就定义好了，今天就到这里吧，有问题欢迎大家给我留言，明天给大家说一下ext类的继承
给各位推荐个文章网www.fishcmonkey.com,学习之余提高文学修养
Ext JS学习第六天 Ext自定义类（一）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。