Ext4 组合 mixins

最新推荐文章于 2018-11-20 21:05:03 发布

原创最新推荐文章于 2018-11-20 21:05:03 发布 · 906 阅读

0 ·

CC 4.0 BY-SA版权

ExtJs 4 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何使用ExtJS框架实现类的多继承功能。通过定义不同的类并利用mixins属性来混合多个基类的方法，实现了类的功能扩展。遵循最近优先原则解决方法冲突，并展示了如何在当前类中调用mixins类成员。

可用于实现多继承。该属性会以同步方式加载类文件，并实例化该类！

Ext.define("MyClass.A", {
     showA: function(){
          console.log("A");
     }
});
Ext.define("MyClass.B", {
     showB: function(){
          console.log("B");
     }
});
Ext.define("MyClass.C", {
     mixins: {
          classA: "MyClass.A",
          classB: "MyClass.B"
     },
     showC: function(){
          console.log("C");
     }
});

方法的调用遵循最近优先原则，当前类>父类>mixins类

当前类引用mixins类成员

Ext.define("MyClass.A", {
     show: function(){
          console.log("A");
     }
});
Ext.define("MyClass.C", {
     mixins: {
          classA: "MyClass.A"
     },
     alert: function(){
          this.mixins.classA.show();
     }
});