为什么Ext.grid.Panel会崩溃？

Question

这种崩溃：

var grdMakes = Ext.extend(Ext.grid.Panel, { 
    constructor: function(paConfig) { 
    } 
} 

这不：

var grdMakes = Ext.extend(Ext.grid.Panel, { 
} 

崩溃是：

Uncaught TypeError: Cannot read property 'added' of undefined 

为什么添加一个构造函数导致崩溃？我可以像其他对象做到这一点：

var pnlMakesMaint = Ext.extend(Ext.Panel, { 
    constructor: function(paConfig) { 
    } 
} // just fine 

编辑

为了澄清我想要做的是，我希望能够实例化一个对象通过覆盖默认的选项。

var g = new grdMakes({}); // defaults used 

var g = new grdMakes({renderTo: Ext.getBody()}); // renderTo overridden 

这是工作以外的所有Ext.grid.Panel

而且，我使用ExtJS 4

SOLUTION

事实证明，延长在ExtJS的4.过时所以我用这和它的工作原理：

Ext.define('grdMakes', { 
    extend: 'Ext.grid.Panel', 

    constructor: function(paConfig) { 
     var paConfig = Ext.apply(paConfig || {}, { 
      columns: !paConfig.columns ? [{ 
       header: 'Makes', 
       dataIndex: 'make' 
      }, { 
       header: 'Description', 
       dataIndex: 'description' 
      }]: paConfig.columns, 
      height:  !paConfig.height ? 400 : paConfig.height, 
      renderTo: !paConfig.renderTo ? Ext.getBody() : paConfig.renderTo, 
      store:  !paConfig.store ? stoMakes : paConfig.store, 
      title:  !paConfig.title ? 'Makes' : paConfig.title, 
      width:  !paConfig.width ? 600 : paConfig.width 

     }); 

     grdMakes.superclass.constructor.call(this, paConfig); 
    } 
} 

Answer 1

Ok.But你的代码看起来像ExtJS3.Because Ext.extend在ExtJS4 version.Instead depreceated的扩展，你可以使用define.For引用您可以检查以下网址：

http://docs.sencha.com/ext-js/4-0/#/api/Ext-method-extend

据我所知，对于覆盖默认选项，这不是完美的方式。您需要使用Ext.override。

例如：

Ext.override(Ext.grid.Panel,{ 
    lockable : true 
}); 

和上面一样，你必须覆盖默认选项。