Ext Js: Mixins

Thuộc tính Mixins là một khái niệm mới trong Ext Js. Mixins tập hợp các phương thức và thuộc tính của các class khác để đưa vào một class nào đó.
Đây là thuộc tính hết sức quan trọng, cho phép class cần định nghĩa có những tính năng quan trọng từ class khác mà bạn không thể kế thừa từ chúng.
Ví dụ:

    Ext.define('MyApp.mixins.Log', {
        startLogging: function () {
            console.log('called funcion startLogging');
        }
    });

    Ext.define('MyApp.MyWindow', {
        extend: 'Ext.Window',
        mixins: {
            console: 'MyApp.mixins.Log'
        }
    });
    var win = Ext.create('MyApp.MyWindow', {
        title: 'Hello',
        height: 200,
        width: 400,
        renderTo: Ext.getBody()
    }).show();
    win.startLogging();

Trong trường hợp class MyWindow cũng có hàm console, bạn có thể override hoặc kết hợp cả 2 hàm này lại với nhau

    Ext.define('MyApp.MyWindow', {
        extend: 'Ext.Window',
        mixins: {
            console: 'MyApp.mixins.Log'
        },
        startLogging: function () {
            console.log(this.title);
            this.mixins.console.startLogging.call(this);
        }
    });