extjs 定义类

最新推荐文章于 2019-02-28 09:02:00 发布

原创最新推荐文章于 2019-02-28 09:02:00 发布 · 566 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#extjs

本文介绍如何使用 ExtJS 的 define 方法定义类，并通过 create 方法创建类的实例。包括类的基本配置、构造函数、静态方法等关键概念。

定义类：define( String className, Object data, Function createdFn )

–classname:要定义的新类的类名

–data：新类的配置对象

–callback：回调函数，当类创建完后执行该函数

data:

–extend：用于继承

–alias:类的别名

–alternateClassName：备用名，与alias差不多

–requires：需要使用到的类名数组，在动态加载时会根据该属性去下载类，注意需要的类是在当前类之前被加载

–uses：与requires类似但是被引用的类可以在该类之后才加载

–constructor：构造器属性，一般用来初始化类的配置和调用其父类的方法 this.initConfig();

–mixins：混入属性，多继承

–config：定义类的配置项，会把config里的每个属性加上get和set方法

–statics：定义静态方法，属性不能被子类继承，用类名调用。

–inheritableStatics：与statics类似，但是其属性可被子类继承

–singleton：设置该类为单例对象

Ext.onReady(function(){
 
     Ext.define("classDemo", {
 
         config:{
 
             name:"",//类属性，会自动生成get、set方法
 
             age:""
 
         },
 
         constructor:function(config){
 
             var me = this;
 
             me.initConfig(config);//初始化类属性
 
         }
 
     });
 
 });

创建对象

    Ext.onReady(function(){
 
        var p = Ext.create("classDemo", {
 
             name:"aa",
 
             age:"15"
 
         });
 
        console.info(p.getName());
 
     });