zoukankan      html  css  js  c++  java
  • ExtJS4中Ext.onReady、Ext.define、Ext.create

    1、Ext.onReady

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

    2、Ext.define

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

    例子1: 

     1 <script type="text/javascript">
     2 Ext.onReady(function () {
     3 //创建一个类,类名:TextClass,具有两个属性:A、B
     4 Ext.define('TextClass', {
     5 A: 'a',
     6 B: 'b'
     7 });
     8 //实例化类
     9 var textClass = new TextClass();
    10 //输出属性名
    11 Ext.Msg.alert('类属性', textClass.A + " " + textClass.B);
    12 });
    13 </script>

    执行结果:

    例子2:

     1 <script type="text/javascript">
     2 Ext.onReady(function () {
     3 //创建一个类,类名:TextClass,具有两个属性:A、B
     4 Ext.define('TextClass', {
     5 A: 'a',
     6 B: 'b'
     7 });
     8 //创建一个类,继承TextClass
     9 Ext.define("TextClass2", {
    10 extend: 'TextClass',//继承TextClass
    11 C: 'c'//TextClass2特有的属性
    12 })
    13 var textClass2 = new TextClass2();
    14 Ext.Msg.alert("TextClass2属性",textClass2.A+ " "+textClass2.B+ " "+textClass2.C)
    15 });
    16 </script>

    执行结果:

    3、Ext.create

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

     1 <script type="text/javascript">
     2 Ext.onReady(function () {
     3 //创建一个类,类名:TextClass,具有两个属性:A、B
     4 Ext.define('TextClass', {
     5 A: 'a',
     6 B: 'b'
     7 });
     8 var textClass = Ext.create("TextClass")
     9 Ext.Msg.alert('textClass属性', textClass.A + ' ' + textClass.B )
    10 });
    11 </script>

    执行结果:

  • 相关阅读:
    django QQ认证登录
    python mixin到底是什么 django
    Django View类的解析
    [置顶] 十道海量数据处理面试题
    Epoll简介以及例子
    GCC在C语言中内嵌汇编 asm __volatile__
    在FireBug中计算Javascript 运行时间
    Two Sum
    Longest Consecutive Sequence
    Evaluate Reverse Polish Notation
  • 原文地址:https://www.cnblogs.com/dreamflower/p/5021513.html
Copyright © 2011-2022 走看看