博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ext JS学习第六天 Ext自定义类(一)
阅读量:4602 次
发布时间:2019-06-09

本文共 1380 字,大约阅读时间需要 4 分钟。

此文来记录学习笔记

•我们在之前的学习,已经对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类的继承

给各位推荐个文章网,学习之余提高文学修养

转载于:https://www.cnblogs.com/lisr/p/3932023.html

你可能感兴趣的文章
java中的Volatile关键字
查看>>
前端自定义图标
查看>>
实验二
查看>>
独立开发一个云(PaaS)的核心要素, Go, Go, Go!!!
查看>>
网站文章如何能自动判定是抄袭?一种算法和实践架构剖析
查看>>
【OpenCV学习】滚动条
查看>>
ofo用科技引领行业进入4.0时代 用户粘性连续8个月远甩摩拜
查看>>
兰州青年志愿者“中西合璧”玩快闪 温暖旅客回家路
查看>>
计划10年建10万廉价屋 新西兰政府:比想象中难
查看>>
甘肃发首版《3D打印职业教育教材》:校企合作育专才
查看>>
为找好心人抚养孩子 浙江一离婚父亲将幼童丢弃公园
查看>>
晚婚晚育 近20年巴西35岁以上孕妇增加65%
查看>>
读书:为了那个美妙的咔哒声
查看>>
jsp改造之sitemesh注意事项
查看>>
iOS 9.0之后NSString encode方法替换
查看>>
ASMFD (ASM Filter Driver) Support on OS Platforms (Certification Matrix). (文档 ID 2034681.1)
查看>>
CRM Transaction处理中的权限控制
查看>>
[转]linux创建链接文件的两种方法
查看>>
python ipaddress模块使用
查看>>
文件权限
查看>>