extJS 创建类
2024-09-09 19:10:58
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Welcome to Ext JS 5.0</title>
<meta name="description" content="Create amazing web apps built on web standards. Sencha Touch, HTML5 mobile app framework. Ext JS, cross-browser JavaScript framework. Ext GWT" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
<!-- 下面的文件都是下载好的extJs包中的 bulid目录下 -->
<!-- 引入必须的css -->
<link rel="stylesheet" href="build/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css" type="text/css" /> <!-- 引入必须的js -->
<script src="build/ext-all.js" type="text/javascript" charset="utf-8"></script>
<script src="build/packages/ext-theme-crisp/build/ext-theme-crisp.js" type="text/javascript" charset="utf-8"></script> </head>
<body>
<script type="text/javascript">
//在页面加载完成之后执行
//Ext.onReady(function(){
// Ext.MessageBox.alert('hello','extJs 你好!');
//});
/* var win = new Ext.Window(
{
width:400,
height:300,
title:"hello word",
buttons:[{text:"确定"},{text:"取消"}],
}
);
win.show(); */ Ext.onReady(function(){ //定义一个类
Ext.define('Person',{
name:'jaune',
age:18,
//定义一个方法
see:function(){ alert('我的名字叫'+this.name); },
//构造函数
constructor:function(config){
//将配置的所有属性都复制到指定的对象
Ext.apply(this,config);
}
}); Ext.define('Man',{
extend:'Person',
sex:'Male',
constructor:function(config){
if(config != null){
if(config.hasOwnProperty('sex')){
delete config.sex;
}
} this.callParent([config]);
},
toString:function(){
return {
name:this.name,
age:this.age,
sex:this.sex
}
}
}); var man = new Man({
name:'zh',
age:12,
sex:'man'
});
alert(man.toString().sex);
});
</script>
</body>
</html>
最新文章
- asp.net 网页中播放 flash 和flv
- SqlServer存储过程模板
- 基础SQL语句/语法
- 20145212&;20145204信息安全系统实验五
- poj2553 强连通缩点
- Neo4j 2.0 M4 发布
- Summary: Trie Data Structure
- 破解 keyme2程序(固定明码比较)
- Excel 统计IP
- aspcms中if判断语句的运用
- MVC3、如何应用EntityFramework 连接MySql 数据库
- form submit提交
- [SqlServer]2008转到2005的步骤步骤
- 2018-2019-2 网络对抗技术 20165232 Exp4 恶意代码分析
- JAVA SpringBoot2 关于 JSON 数据处理,基于 ObjectMapper
- Spring Cloud Config(配置中心)
- [Windows端口占用] 找到占用端口的进程并杀死
- leetcode96
- 应用rbac组件 动态生成一级菜单
- SimpleDraweeView 设置圆角不生效问题