extjs - 将 ExtJs3 转换为 ExtJs4？

Question

很难说出这里问的是什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或言辞激烈，无法以目前的形式合理回答。如需帮助澄清此问题以便可以重新打开，visit the help center .




9年前关闭。




这源于我之前的问题 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() 实例化它有需要的地方。

我查看了 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';
    }
});