学习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一样。

学习EXTJS6(9)面向对象的基础框架-1

上一篇:asp.net mvc微信公众号开发之上传永久素材


下一篇:Cobalt Strike 报错 “*** qwk hosted Scripted Web Delivery (powershell) @ http://192.168.54.129:80/a”