本文主要是介绍ExtJs学习一 Ext.define 与 Ext.create 方法总结,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
/** *@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', { //自定义 类 SelfTest1email:'123@qq.com',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);
这篇关于ExtJs学习一 Ext.define 与 Ext.create 方法总结的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!