• 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>

    执行结果:

  • 相关阅读:
    Python制作天气查询软件【python实战必学】
    Python妹子图爬虫实战项目【新手必学】
    Python超级无敌技巧分享
    PlaySound使用进阶
    【】2019
    【】风之忧伤
    delete[]和delete
    《windows程序设计 第五版》实例
    playsound函数用法
    【Python入门自学笔记专辑】——Python跳转语句和循环使用范围
  • 原文地址:https://www.cnblogs.com/xiaodoujiaohome/p/4827128.html
Copyright © 2020-2023  润新知