zoukankan      html  css  js  c++  java
  • EXTJS4自学手册——EXT基本方法、属性(mixins多继承、statics、require)

    1.mixins

    说明:类似于面向对象中的多继承

        <script type="text/javascript">
    Ext.onReady(function () {
    //创建一个类,类名:TextClass,具有两个属性:A、B
    Ext.define('TextClass', {
    A: 'a',
    B: 'b'
    });
    //创建一个类,类名:TextClass,具有两个属性:A、B
    Ext.define('TextClass2', {
    C: 'c',
    write: function () {
    alert('A:' + this.A + ';B:' + this.B + ';C:' + this.C)
    }
    })
    Ext.define('TextClass3', {
    //继承TextClass、TextClass2
    mixins: {
    TextClass: 'TextClass',
    TextClass2: 'TextClass2'
    }
    })
    var textClass = Ext.create("TextClass3")
    textClass.write();

    });
    </script>

    运行结果:

    2.statics

    说明:定义静态变量

    例子:

        <script type="text/javascript">
    Ext.onReady(function () {
    //创建一个类,类名:TextClass,具有两个属性:A、B
    Ext.define('TextClass', {
    A: 'a',
    B: 'b',
    statics: {
    C:'C'
    }
    });

    //没有实例化TextClass类
    Ext.Msg.alert('TextClass类的静态属性C的值是:', TextClass.C)
    });
    </script>

    执行结果:

    3.config

    说明:属性包装器,为属性提供get和set方法 

    例子:

        <script type="text/javascript">
    Ext.onReady(function () {
    //创建一个类,类名:TextClass,具有两个属性:A、B
    Ext.define('TextClass', {
    A: 'a',
    B: 'b',
    statics: {
    C: 'C'
    },
    config: {
    configProperty: 'how can i get this property'

    }
    });
    var textClass = Ext.create('TextClass');
    //通过set方法设置属性的值,注意,包装器会把属性的头字母大写
    textClass.setConfigProperty("set this property's value");
    //通过get方法展示属性值
    Ext.Msg.alert('configProperty属性的值是:', textClass.getConfigProperty());
    });
    </script>

    执行结果:

    3.Ext.require

    说明:动态加载js文件

    使用Ext.require加载js文件,首先要通过Ext.loader设置文件路径。

    例子:

        <script type="text/javascript">
    //设置Ext命名空间下的js文件所在文件夹
    Ext.Loader.setPath({
    Ext: 'http://www.cnblogs.com/Scripts/ext-4.0.7-gpl/ext-4.0.7-gpl/src'
    });
    Ext.onReady(function () {
    //加载Ext.window.MessageBox类,位于http://www.cnblogs.com/Scripts/ext-4.0.7-gpl/ext-4.0.7-gpl/src/window/MessageBox.js文件中
    //注意:一个js文件只有一个类
    //注意:类名=命名空间名(这里就是EXT)+文件路径名(这里就是window/messagebox)
    Ext.require("Ext.window.MessageBox")
    });
    </script>

    执行结果:

  • 相关阅读:
    推荐一些学习软件编程的网站
    Git总结笔记2-克隆远程仓库到本地
    Git总结笔记3-把本地仓库推送到github
    Git总结笔记1-搭建和使用30条简明笔记
    【师兄笔记】Java记录生活
    【师兄笔记】Java入门
    学习软件技术的那些事?
    Java编程基础
    献给还不知道怎么坚持的你
    GIT 检查、撤销修改简明教程
  • 原文地址:https://www.cnblogs.com/makai/p/5341420.html
Copyright © 2011-2022 走看看