Ext4 创建类 Ext.define

最新推荐文章于 2024-07-29 17:49:33 发布

原创最新推荐文章于 2024-07-29 17:49:33 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

ExtJs 4 专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了Ext.define的使用方法，包括类声明、成员定义及回调函数的应用。此外还讲解了如何通过Ext.define实现类的继承与自定义构造函数。

Ext.define(className, members, onClassCreated);
className 要声明的类的名字
members 一个对象，包含类成员

onClassCreated 一个可选的回调函数，因为新的异步加载机制，这个回调函数会很有用，当所有依赖已经引入，并且类完全创建好了之后，这个函数会被调用

继承：

Ext.define("MyApp.MyWindow", {
     extend: "Ext.Window",
     title: "Welcome!",
     initComponent: function(){
          this.items = [{
               xtype: "textfield",
               name: "tfName",
               fieldLabel: "Enter your name"
          }];
 
          this.callParent(arguments);
     }
});

自定义:

Ext.define("Parent",{
    constructor: function(name){
         this.name = name;
    }
});
Ext.define("Child",{
    extend: "Parent",
    constructor: function(name, sex){
         this.sex = sex;
         this.callParent([name]);// 参数为数组
    }
});

Ext.define是Ext.ClassManager.create的别名
Ext.create是Ext.ClassManager.instantiate的别名