javascript - Extjs4 ミックスインの作成

Question

Ext.grid.Panelコンポーネントのミキシングを作成しようとしています。これは私がそれをやろうとした方法です:

Ext.define('myMixin', {
    myFunc:function(){
        console.log('completed!');
    }
});

Ext.grid.Panel.mixin('newmixin','myMixin');

この結果、ミックスインがグリッド コンポーネントに追加されましたが、値はundefinedです。簡単なことを見逃していることを願っていますが、いくつかの助けをいただければ幸いです。

Answer 1

Ext.define は非同期で完了することに注意してください。ExtJS 4.0.1 には存在しないため、Ext.grid.Panel.mixin が何であるかはわかりませんが、Ext.define のコールバック パラメータ内に mixin を追加してみてください。

Ext.define('myMixin', {
    myFunc:function(){
        console.log('completed!');
    }
}, function() {
    Ext.grid.Panel.mixin('newmixin','myMixin');
});

Answer 2

問題は解決しましたが、まだ理由が 100% わかりません。誰かが説明できる場合は、喜んで回答としてマークします。

私は次のことをしました：

Ext.grid.Panel.mixin('newmixin',Ext.define('myMixin', {
    myFunc:function(){
        console.log('completed!');
    }
}));

Answer 3

ミックスインを宣言的に追加しようとしましたか?

Ext.define('Path.to.MyMixin', {
    someFunc: function () {return 0;}
});

そして、あなたのグリッドで：

Ext.define('Path.to.MyGrid', {
    extend: 'Ext.grid.Panel',
    mixins: ['Path.to.MyMixin'],
    ...
});