为什么80%的码农都做不了架构师?>>>   

ExtJS 4 类的定义

类的定义与类方法的调用


样例代码// Define new class 'Vehicle' under the 'Cookbook' namespace
Ext.define('Cookbook.Vehicle', {// class configuration goes hereManufacturer : 'Aston Martin',Model : 'Vanquish',getDetails : function() {alert('I am an ' + this.Manufacturer + ' ' + this.Model);}
}, function(){Console.log('Cookbook.Vehicle class defined!');
});var myVehicle = Ext.create('Cookbook.Vehicle');
alert(myVehicle.Manufacturer);
myVeicle.getDetails();

说明

  • 第二行,使用Ext.define定义了一个Cookbook.Vehicle类,Cookbook是命名空间。
  • 第四行、第五行,加入了两个属性。
  • 第七行,加入了一个getDetails方法。
  • 第十行,加入了callback方法,这个方法将在类定义之后执行。
样例代码2// Define new class 'Vehicle' under the 'Cookbook' namespace
Ext.define('Cokbook.Vehicle', {config : {// class configuration goes hereManufacturer : 'Aston Martin',Model : 'Vanquish',},constructor : function(config) {// initialise our config objectthis.initConfig(config);},getDetails : function() {alert('I am an ' + this.Manufacturer + ' ' + this.Model);}
}, function() {Console.log('Cookbook.Vehicle class defined!');
});// create a new instance of Vehicle class
var myVehicle = Ext.create('Cokbook.Vehicle');
// display its details
myVeicle.getDetails();
// update Vehicle details
vehicle.setManufacturer('Volkswagen');
vehicle.setModel('Golf');
// display its new details
vehicle.getDetails();

 

说明

  • 如果在类的定义内,使用config标明配置属性,则Ext会自动生成属性相关的set、get、apply方法。
样例代码3Ext.define('Cookbook.Vehicle', {Manufacturer : 'Aston Martin',Model : 'Vanquish',getManufacturer : function() {return this.Manufacturer;},setManufacturer : function() {this.Manufacturer = value;},resetManufacturer : function() {this.setManufacturer('Aston Martin');},applyManufacturer : function(manufacturer) {// perform some action to apply the value(e.g. update a DOM elementreturn manufacturer;},getModel : function() {return this.Model;},setModel : function(value) {this.Model = value;},resetModel : function() {this.setModel('Vanquish');},applyModel : function(model) {// perform some action to apply the value (e.g. update a DOM element)return model;},getDetails : function() {alert(' ... ')}
});

总结


  1. 使用Ext.define()方法定义类主要有三个部分:类配置部分,类方法,定义回调方法。
  2. ExtJS中,定义、实例化一个类时,直接使用字符串的命名的形式。

转载于:https://my.oschina.net/skyler/blog/706180

『ExtJS』01 001. ExtJS 4 类的定义相关推荐

  1. 『ExtJS』01 009. ExtJS 4 方法重载

    为什么80%的码农都做不了架构师?>>>    在ExtJS中,使用Ext.override方法对已有类方法的重载. 如何去做 定义一个类,并给他一个方法 1: Ext.define ...

  2. 『ExtJS』表单(一)常用表单控件及内置验证

    几点说明 关于ExtJS的表单,我打算分为三个部分来写 常用表单控件及内置验证 -- 这里主要是JS代码 表单行为与Asp.NET页面的消息回复 -- 这里既有JS代码,与有C#代码,我主要是使用As ...

  3. 『TensorFlow』批处理类

    『教程』Batch Normalization 层介绍 基础知识 下面有莫凡的对于批处理的解释: fc_mean,fc_var = tf.nn.moments(Wx_plus_b,axes=[0],# ...

  4. 『电子书』分享一波码农必备编程开发类书籍[转]

    分享一些书籍 看到书籍很多,感觉很不错,就收藏下来了,是百度盘的连接,失效的可以评论一下以此更新一下连接. 书籍清单 Python编程快速上手 细说PHP(第2版) Python核心编程(第3版) L ...

  5. JavaWeb『HTMLCSS』

    前言:参考于尚硅谷的javaweb的笔记,复习专用 第一节 HTML简介 1.名词解释 HTML是Hyper Text Markup Language的缩写.意思是 『超文本标记语言』. html语言 ...

  6. 『开源』Slithice 2013 服务器集群 设计和源码

    相关介绍文章: <『设计』Slithice 分布式架构设计-支持一体式开发,分布式发布> <『集群』001 Slithice 服务器集群 概述> <『集群』002 Sli ...

  7. 『统计学』第二部分:中心极限定理及其应用

    『中心极限定理』 首先,我们来探讨下什么是中心极限定理? 有时候统计概率就像魔术一样,能够从少量数据中得出不可思议的强大结论.我们只需要对1000个美国人进行电话调查,就能去预测美国总统大选的得票数. ...

  8. 『统计学』第三部分:假设检验

    『假设检验和p值』 统计学中的假设检验听起来很高端,其实只不过是披了层数学的皮,底层的思想非常简单,就是基本的逻辑推理的套路. 用福尔摩斯的话说,就是:一旦排除所有的不可能,剩下的不管多么难以置信,一 ...

  9. 『参考』.net CF组件编程(4)——为自定义组件添加工具箱图标!

    前言: 在前三篇的文章中,和大家一起创建了一个用于TCP连接检测的小组件,如果你记不得了,可以通过以下链接去回顾一下: 『参考』.net CF组件编程(1)--基础之后 『参考』.net CF组件编程 ...

最新文章

  1. 第93课:SparkStreaming updateStateByKey 基本操作综合案例实战和内幕源码解密
  2. jinja2的转义详解
  3. ansbile简单应用
  4. linux脚本base64加密当时,【加密算法】Base64
  5. HTML中ul等标签的用法
  6. 徕卡静态转换rinex软件_[摄影]旅游伴侣———徕卡SL2
  7. Ubuntu18.04安装npm失败解决
  8. visa虚拟卡生成器_英国虚拟卡 获取多张VISA和Mastercard
  9. 13.3.4 蓝牙程序案例: 蓝牙串口调试助手
  10. ModbusTCP通讯协议学习及实践(台达三菱PLC通讯)
  11. 五个脑叶的功能_人类大脑的生理构造及功能分区
  12. 能煮熟鸡蛋的慢 SQL!阿里巴巴数据中心的“煮蛋史”!
  13. buuoj 小易的U盘
  14. 【情报百科】如何使用FOCA进行OSINT文档元数据分析?
  15. OpenGL ES for Android 绘制旋转的地球
  16. QT5打开图片并显示
  17. Android MVVM架构
  18. 基于JAVA+SpringBoot+Vue+ElementUI中学化学实验室耗材管理系统
  19. java做RPG小游戏
  20. 关于unity 放入system.data.dll 文件报错问题,报错 Microsoft (R) Visual C# Compiler version 2.9.1.65535 (9d34608e)

热门文章

  1. CNN模型 int8量化实现方式(二)
  2. 视频动作识别--Towards Good Practices for Very Deep Two-Stream ConvNets
  3. Java-JVM虚拟机内存垃圾回收机制gc入门:引用类型,对象标记算法,回收算法,常见的 garbage collector
  4. o oia ospf 路由优先_OSPF基本配置及OSPF特殊区域配置
  5. ThreadPoolExecutor(线程池)的参数
  6. 阿里云配置服务器报:bind: cannot assign requested address
  7. android:layout_gravity和android:gravity属性的区别
  8. 将毫秒转换_Matlab将Unix时间戳转为可读日期
  9. Python面对对象编程——公有与私有
  10. PHP设计模式之装饰模式(Decorator)