ExtJs学习一 Ext.define 与 Ext.create 方法总结

版权声明:本文为博主原创文章,未经博主允许不得转载。 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);


猜你喜欢

转载自blog.csdn.net/u012074791/article/details/51895688
ext