App.SuperPanel = Ext.extend(Ext.Panel, {
    // initComponent вызывается у всех компонентов, которые видны
    // если надо расширить какой-то store - юзай constructor вместо initComponent
    initComponent: function(){
        // applyIf применяет только если параметры не переданы
        Ext.applyIf(this, {
            title: 'defaultTitle',
            html: 'defaultHtml',
            buttons: [{
                text: 'defaultButton',
                handler: function(){
                    console.log('default handler');
                    console.log(this);
                    console.log(this.ownerCt);
                }
            }]
        });
        // apply применяет полюбому
        Ext.apply(this, {
            closable: true
        })
        // парентовый конструктор
        App.SuperPanel.superclass.initComponent.call(this);
    }
});

// defaults
new App.SuperPanel({});

new App.SuperPanel({
    title: 'title changed'
});

new App.SuperPanel({
    html: 'html changed'
});

new App.SuperPanel({
    buttons: [{
        text: 'button changed'
    }]
});

new App.SuperPanel({
    title: 'everything changed, except closable',
    html:  'everything changed, except closable',
    closable: false,
    buttons: [{
        text:  'everything changed, except closable'
    }]
});