首页 > Web开发 > 详细

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

时间:2021-05-28 14:40:50      阅读:7      评论:0      收藏:0      [点我收藏+]

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

原文:https://www.cnblogs.com/usegear/p/14821444.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!