extjs - 変数内でextjs3.4のスーパークラスを呼び出す方法

Question

ext js 3.4でスーパークラスを正常に呼び出す方法を知っている人はいますか？私のサンプルコードでは、スーパークラスをパネルで動作させることができないようです。

MyWindow = Ext.extend(MyWindowUi, {
    initComponent: function() {
        MyWindow.superclass.initComponent.call(this);
        this.createTextField();
    },  
    createTextField : function() {  
        var p = new Ext.Panel({
            title: 'somepanel',
            initComponent: function() {
                console.log('init component');
                console.log(this);
                this.superclass.initComponent.call(this); //NOT WORKING??
            }
        });
        this.add(p);
    }
});

Answer 1

Ext.Panel.superclass.initComponent.call(this)代わりに試してください。

Answer 2

p を作成するときに Ext.Panel の initComponent を呼び出していないため、機能していません。前のメソッドのスーパークラス呼び出しでメソッドをオーバーライドする場合、スコープのトリックが必要ない場合は Ext.extend がよりクリーンになります。

次のようなこともできます：

   createTextField : function() {  
    var p = new Ext.Panel({
        title: 'somepanel'
    }),
    oldInit = p.initComponent;

    p.initComponent = function() {
        console.log('init component');
        console.log(this);
        oldInit.call(this);
    }

    this.add(p);
}

または次のようなもの：

createTextField : function() {  
    var p = new Ext.Panel({
        title: 'somepanel',
        initComponent: function() {
            console.log('init component');
            console.log(this);
            Ext.Panel.prototype.initComponent.call(this);
        }
    });
    this.add(p);
}

しかし、どちらも醜いイモです。