Extjs6.2 继承与扩展

要被继承的父类

Ext.define('App.view.ManagerForm', {
    extend : 'Ext.form.Panel',
    bodyPadding: 20,
    buttonAlign: 'center',
    alias: 'widget.managerForm',

    defaultType: 'textfield',

    //为子类添加新的items所设计的自定义函数
    addItems: function () {
        return [];
    },

    initComponent: function(){
        //父类必须被子类继承items
        var parentItems = [{
            fieldLabel: '用户名',
            name: 'username',
            width: '100%',
            allowBlank: false
        },{
            fieldLabel: '密码',
            name: 'password',
            width: '100%',
            allowBlank: false
        }];

        //子类给自己添加的items
        var childItems = this.addItems();

        //子类和父类itmes合并后生成新的items
        var newItems = parentItems.concat(childItems);

        this.items = newItems;

        //initComponent函数内必须写的函数
        this.callParent();
    }
});

子类中使用

xtype: 'managerForm',
url: 'saveManager.html',
//为子类添加新的items所设计的自定义函数的实现
addItems: function() {
    return [{
        fieldLabel: 'additems',
        name: 'additems',
        width: '100%',
        allowBlank: false
    }]
},
buttons: [{}]