版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u012074791/article/details/51895688
/**
*@summary Ext.define 与 Ext.create方法的学习
*/
Ext.define('TestDefine', {
extend:'Ext.window.Window',
alias: 'haha',
width: 400,
height: 300,
title:'define test4',
});
var xx1 = Ext.create({ //实例化方法一 :单个对象与xclass属性
//xclass:'TestDefine', //xclass 的命名属性可以有三种 1.define中的类名;2.define中alias的别名;3.Extjs 完整的类名
//xclass:'haha',
xclass:'Ext.window.Window',
width:800,
});
var xx2 = Ext.create('TestDefine', { //实例化方法二 : 使用define的类名
width:800,
});
var xx3 = Ext.create('haha', { //实例化方法三 : 使用 define 中的别名 alias 的名字
width:800,
});
var xx4 = Ext.create('Ext.window.Window', { //实例化方法四 : 使用 完整的 Extjs 类名
width: 800,
title: 'define test4',
height:600
});
//xx1.show();
//xx2.show();
//xx3.show();
//xx4.show();
以上所介绍的Ext.define继承自Ext.js 原有的类 Ext.window.Window,如果是自定义的类呢,其实也是一样的用法,如下:
/**
*@summary Ext.define 自定义类的使用
*/
Ext.define('SelfTest1', { //自定义 类 SelfTest1
email:'[email protected]',
title: 'my test',
name: 'zhangsan',
age: 26,
});
Ext.define('SelfTest2', { //
extend:'SelfTest1', //继承自SelfTest1
tel: '12345678911', //类SelfTest2自己的属性
});
var oTest = Ext.create('SelfTest2');
Ext.Msg.alert(oTest.title,oTest.email);