学习EXTJS6（9）面向对象的基础框架-1

Ext创造一套精细的对象模型与API，用这套API，可以快速实现对象的定义、创建、继承和扩展：1、

1、创建新类

Ext.define('demo.Demo',{
    name: 'usegear',
    hello: function() {
      return 'Hello'  + this.name;
    }
  })

简单独特吧。接下来创建新对象：var demo = new demo.Demo()

2、对象继承

用 Ext.define()的属性extend实现：

Ext.define('demo.DemoWindow',{
  extend: 'Ext.window'
  }
)

上面的语句只是实现和Ext.Window类的所有功能，下面增加和扩展：

Ext.define('demo.DemoWindow', {
  extend: 'Ext.Window',//继承Ext.Window
  title: ''demo header,//增加标题
  initComponent: function(){ //初始化的处理：添加二个子组件
    Ext.apply(this,{//将一批属性赋值给当前对象
        item: [{ html: 'pancel1'},
                  { html: 'pancel2'}
                ]
        }
      );
     this.callParent();//调用父类函数
    }
  }
);

3、多重继承

通过mixin的方式实现多层继承。看代码:

Ext.define('demo.DemoPanel', {
  extend: 'Ext.Window',
  mixins: ['demo.Demo']
}
)

4、自动生产代码

我们上面的定义，Ext会自动处理生成完整的代码。和其他语言定义Object一样。