Ext JS定义一个新类

定义一个类

使用Ext.define()来定义一个自己的类：

语法：

Ext.define((String) className, (Object) classMembers, (Optional Function) onClassCreatedCallback);

参数：

• className ：完整的类名(以”.”符号分隔)；
• classMembers ：由键值对集合（JS对象字面量）构成的的对象；
• onClassCreatedCallback ：函数回调。类的所有依赖项都准备就绪、类本身被完全创建后被调用。

• Ext.define()在执行时会经历这样的过程：

  1. 侦察一下，必要的话，创建新的命名空间
  2. 扩展一个现有的类
  3. 验证是否已经定义了扩展类，如果不是，直到用于扩展的类可用才会创建新类。
  4. 返回Ext.Base对象。

  注意：Ext.Base是使用Ext.define()创建的所有类的根。 Ext JS中的所有类也都继承自Ext.Base。

  Ext.define('Student', 
  {
      name : 'unnamed',
      getName : function(){
          return "Student name is" + this.name;
      }
  }, function(){
      alert('Student object created');
  });

  根据Ext.define的语法：

• 第一个参数Student是类名。
• 第二个参数是一个包含name和getName()的JS对象。
• 第三个参数（可选）是在创建Student类之后调用的回调函数。

• 创建类的对象

  JavaScript允许我们使用关键字new来创建一个对象。 但是，Sencha建议，但凡使用Ext.define()方法创建的类，都使用Ext.create()方法来创建类的对象。

  下面演示如何创建Student类的对象并调用其中的getName()方法，可以来这里尝试。

  var studentObj = Ext.create('Student');
  studentObj.getName();