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

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

lyle2000w

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

阅读量1.7k

点赞数

分类专栏： extJs4 文章标签： extjs constructor function null c

本文链接：https://blog.csdn.net/lyle2000w/article/details/7082392

版权

extJs4 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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("王八蛋！！！");
   }
});