ExtJs 4 类的定义方式改进

最新推荐文章于 2020-11-25 16:00:31 发布

原创最新推荐文章于 2020-11-25 16:00:31 发布 · 170 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍从ExtJS 3升级到ExtJS 4时类定义的变化，展示了如何将旧版的类定义转换为新版，并讨论了这种方式带来的好处。

Extjs 3 中是这样定义类的：

MyApp.LoginWindow = Ext.extend(Ext.Window, {
    title: 'Log in',
 
    initComponent: function() {
        Ext.apply(this, {
            items: [
                {
                    xtype: 'textfield',
                    name : 'username',
                    fieldLabel: 'Username'
                },
                ...
            ]
        });
 
        MyApp.LoginWindow.superclass.initComponent.apply(this, arguments);
    }
});

Extjs4 中改成：

Ext.define('MyApp.LoginWindow', {
    extend: 'Ext.Window',
 
    title: 'Log in',
 
    initComponent: function() {
        Ext.apply(this, {
            items: [
                //as above
            ]
        });
 
        MyApp.LoginWindow.superclass.initComponent.apply(this, arguments);
    }
});

这样做有两个好处：