博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ext 面向对象程序设计 入门篇
阅读量:7107 次
发布时间:2019-06-28

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

------ 命名空间

定义:对于类的组织定义方式

代码:
Ext.namespace("Ext.xgao");

------ 类实例属性

定义:对于一个实例的特征描述

代码:
Ext.apply(Ext.xgao.Person.prototype),
  name:"小高"
});

------ 类实例方法

定义:一个对象所能具有的功能与动作

代码:
print:fuction(){
  alert(String.format("姓名:{0},性别:{1}",this.name,this.sex))
}

------- 类静态方法

定义:在一个类级别上共享的方法,无需实例化就可用

代码:
Ext.xgao.print = function(_name){
  alert("大家好!我是"+_name);
}

-------- 构造方法

定义:在初始化一个对象的同时执行的方法

代码:
Ext.xgao.Person = function(_cfg){
  Ext.apply(this,_cfg);
}

-------- 类继承

定义:对于类的一种扩展形式

代码:
// Student 继承 Person
Ext.extent(Ext.xgao.Student,Ext.xgao.Person,{
job:"学生"
});

-------- 类实例方法重写

定义:子类在继承父类时对其已经存在的方法进行重新定义

代码:
// 以下是 重写 print 方法
Ext.extend(Ext.xgao.Teacher,Ext.xgao.Person,{
print:function(){
  alert(String.format("{0}是一位{1}老师!",this.name,this.sex));
}
});

--------- 命名空间别名

定义:对于命名空间的别称

代码:
// 首字母为大写
Xg = Ext.xgao;

--------- 类别名

定义:对于类的别称

代码:
// 全部为大写
PN = Ext.xgao.Person;

--------- 事件

定义:对于外界影响的反应,在ExtJS还支持事件队列模式,由Ext.util.ObServable类支持

代码:
// 创建事件
this.addEvents("nameChange", "sexChange");
// 触发事件
this.fireEvent("nameChange", this, this.name, _name);

// 事件方法实现

_person.on("nameChange", function (_person, _old, _new) {
  txt_name.dom.value = _new;
});

转载于:https://www.cnblogs.com/xgao/p/4200613.html

你可能感兴趣的文章
Vue.js 组件库事件系统设计
查看>>
移动端模拟滚动
查看>>
webpack4.17.1起步
查看>>
linux user xxx is not allowed to execute '/bin/su'
查看>>
Meteor部署问题汇总
查看>>
SpringMVC集成Swagger
查看>>
Kafka 文档(介绍)
查看>>
antd 和 element上传文件详解与FormData详解
查看>>
746. Min Cost Climbing Stairs
查看>>
如何利用极光推送的新功能玩转世界杯营销
查看>>
一起来学SpringBoot | 第八篇:通用Mapper与分页插件的集成
查看>>
【Linux】执行 service iptables save 命令异常解决
查看>>
Centos 7 安装 ffmpeg 3.1
查看>>
我的 Vue.js 学习日记 (一)
查看>>
JSONP跨域
查看>>
如何用 CSS + HTML + JS 创建桌面应用
查看>>
前端如何让网页打印时每一页都有固定的头部,且在达到固定高度时自动分页...
查看>>
WPF:Animation动画--KeyFramesExample帧动画(2)
查看>>
FFMPEG vaapi_encoder 源码阅读
查看>>
h5实现移动端图片预览器(一)
查看>>