将ExtJs3转换为ExtJs4？

Question

这导致从我以前的问题here。
我一直在使用ExtJs 3.x开发大约一年，现在我想迁移到ExtJs4。
我用我的编码文件的ExtJS象下面这样：

ReportsPanel = function(config){ 
config = config || {}; 

    function dummyFunction(){ 
     //I would usually have methods in this file also. 
    } 

    Ext.apply(config, { 
     title: 'Reports', 
     layout: 'border', 
     id: 'reportsPanel', 
     closable: 'true', 
     items: [] 
    }); 

    ReportsPanel.superclass.constructor.call(this, config); 
}; 
Ext.extend(ReportsPanel, Ext.Panel, { 
    dummy: dummyFunction//Make the dummy function available to call 
}); 

和实例这与new ReportsPanel()无论neccessary。

我看了很多不同的ExtJs 4代码的例子，说实话我有点困惑。
我知道我应该使用Ext.define方法。我似乎无法摆脱困境。
上面的例子应该转换成ExtJs4看起来像什么？

Answer 1

它看起来是这样的：

Ext.define('ReportsPanel', { 
    extend: 'Ext.panel.Panel', 

    // default parameters 
    title: 'Reports', 
    layout: 'border', 
    closable: true, 

    // custom variables. 
    foo: 'my var', 
    bar: 'baz', 

    constructor: function(config) { 
     // ... do something in constructor if you need. 


     this.callParent(arguments); 
    }, 

    dummyFunction: function(){ 
     this.foo = 'bar'; 
     this.bar = 'my var'; 
    } 
});