extJs_类定义、继承、多继承、命名空间

最新推荐文章于 2024-10-10 08:00:00 发布

原创最新推荐文章于 2024-10-10 08:00:00 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #constructor #function #null #c

extJs4 专栏收录该内容

5 篇文章

订阅专栏

本文通过一个具体的示例介绍了如何在ExtJS中使用多继承和混合(mixins)来扩展组件的功能。示例中创建了多个类，包括父类`My.Parent`以及子类`My.Child1`和`My.Child2`，并通过`Ext.create`实例化子类对象，展示了如何调用其方法。

HelloWord.js:

Ext.onReady(function(){

   Ext.Loader.setConfig({
       enabled: true,
       paths: {
           My: 'resource/js/objBase' //命名空间
        }
   });

   Ext.get("b1").on("click",function(){
       alert(1);

       var first = Ext.create("My.Child2",{
        });
       first.jump();

   });

});

Child2.js:

Ext.define("My.Child2",{
   extend:"My.Parent", //继承
   config:{
       c:"c",
   },
    mixins:{                   //多继承
       child:"My.Child1"
   },
   constructor: function(cfg) {
       this.initConfig(cfg);
   },
   jump:function(){
       alert("Child2-jump-跳崖！！！");
   }
});

Child1.js:
Ext.define("My.Child1",{
   extend:"My.Parent", //继承
   config:{
       foot:"f",
       eye:"e"
   },
    constructor: function(cfg) {
       this.initConfig(cfg);
   },
   jump:function(){
       alert("Child1-jump-跳崖！！！");
   }

});

Parent.js

Ext.define("My.Parent",{
   config:{
       name:"cc",
       age:null
   },
   constructor: function(cfg) {
       this.initConfig(cfg);
   },
   say:function(){
       alert("王八蛋！！！");
   }
});