• ExtJS4 Ext.onReady、Ext.define、Ext.create的区别与联系 http://blog.sina.com.cn/s/blog_48d7f92901011cfn.html


    • 1、Ext.onReady

    说明:onReady内的语句块会在页面上下文加载后再执行。

    2、Ext.define

    说明:创建类,可以继承其他类,也可以被继承。

    例子1: 

    <script type="text/javascript">

    Ext.onReady(function () {

    //创建一个类,类名:TextClass,具有两个属性:A、B

    Ext.define('TextClass', {

    A: 'a',

    B: 'b'

    });

    //实例化类

    var textClass = new TextClass();

    //输出属性名

    Ext.Msg.alert('类属性', textClass.A + " " + textClass.B);

    });

    </script>

    执行结果:

    例子2:

    <script type="text/javascript">

    Ext.onReady(function () {

    //创建一个类,类名:TextClass,具有两个属性:A、B

    Ext.define('TextClass', {

    A: 'a',

    B: 'b'

    });

    //创建一个类,继承TextClass

    Ext.define("TextClass2", {

    extend: 'TextClass',//继承TextClass

    C: 'c'//TextClass2特有的属性

    })

    var textClass2 = new TextClass2();

    Ext.Msg.alert("TextClass2属性",textClass2.A+ " "+textClass2.B+ " "+textClass2.C)

    });

    </script>

    执行结果:

    3、Ext.create

    说明:实例化类,在EXTJS4中建议用create方法实例化类

    <script type="text/javascript">

    Ext.onReady(function () {

    //创建一个类,类名:TextClass,具有两个属性:A、B

    Ext.define('TextClass', {

    A: 'a',

    B: 'b'

    });

    var textClass = Ext.create("TextClass")

    Ext.Msg.alert('textClass属性', textClass.A + ' ' + textClass.B )

    });

    </script>

    执行结果:

  • 相关阅读:
    4-vim-工作模式-01-职责以及切换模式
    3-vim-打开和新建文件-02-删除交换文件
    poj1011Stick(dfs+剪枝)
    POJ 1251 Jungle Roads (prim)
    poj 2502 Subway
    poj 3624 Charm Bracelet (01背包)
    拦截导弹问题(动态规划)
    Policy Gradient
    深入了解马尔科夫决策过程(Markov Decision Process)
    深度学习中调参对模型容量的影响
  • 原文地址:https://www.cnblogs.com/xiaodoujiaohome/p/4827128.html
Copyright © 2020-2023  润新知