在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);