在Extjs中動態擴展類

Question

我需要動態擴展類並使用以下代碼：

Calc.grid.Table["Table"+key] = function(config) {
        config = config || {};
        Ext.applyIf(config,{
                id: 'calc-grid-table'+key
                ,baseParams: { 
                    action: 'mgr/calc/calcGetTable'+key
                    ,query: 'Calc'+key 
                }
        });
        Calc.grid.Table["Table"+key].superclass.constructor.call(this,config)
};
Ext.extend(Calc.grid.Table["Table"+key],Calc.grid.Table);
Ext.reg('calc-grid-table'+key,Calc.grid.Table["Table"+key]);

但這給了我一個錯誤：

Uncaught TypeError: Cannot read property 'superclass' of undefined

我試圖將其更改為此

this.superclass.constructor.call(this,config)

但是錯誤是

Uncaught SyntaxError: Unexpected identifier

問題出在動態文字上。 當我這樣做時，效果很好

Calc.grid.Table.Table21 = function(config) {
        config = config || {};
        Ext.applyIf(config,{
                id: 'calc-grid-table'+21
                ,baseParams: { 
                    action: 'mgr/calc/calcGetTable'+21
                    ,query: 'Calc'+21
                }
        });
        Calc.grid.Table.Table21.superclass.constructor.call(this,config)
};
Ext.extend(Calc.grid.Table.Table21,Calc.grid.Table);
Ext.reg('calc-grid-table'+21,Calc.grid.Table.Table21);

我該如何解決？ 我究竟做錯了什么？

提前感謝。

Answer 1

您在構造函數中使用的key變量沒有作用於該函數，因此可以在調用構造函數之前對其進行更改。 您可以使用Ext的createDelegate將變量綁定到函數，以使它不會在您身上改變：

Calc.grid.Table["Table"+key] = function(key, config) {
    config = config || {};
    Ext.applyIf(config,{
            id: 'calc-grid-table'+key
            ,baseParams: { 
                action: 'mgr/calc/calcGetTable'+key
                ,query: 'Calc'+key 
            }
    });
    Calc.grid.Table["Table"+key].superclass.constructor.call(this,config)
}.createDelegate(this, [key], 0);