Mixin parameters have no effect

[stevanicus]

Ext version tested:

• Ext 4.1.1-rc2

Browser versions tested against:

• FF19

Description:

• Some parameters defined in a Mixin have no effect on the panel where the mixin is added

Test Case:

 

Ext.define("App.mixins.PanelDefaults", {
    
    layout:{
        type:'vbox',
        align:'stretch'
    },
    
    bodyStyle:{
        padding:"5px"
    },
    
    style:{
        marginBottom:"5px"
    },
    
//has no effect
    titleCollapse:true,
    collapsible:true,
    collapseDirection:'top'

});

Ext.define("App.view.Panel", {
    extend:'Ext.panel.Panel',
    mixins:['App.mixins.PanelDefaults']

});

The styles from the mixin are effective on the panel - however the following doesnt do anything and the panel is not collapsible

    titleCollapse:true,
    collapsible:true,
    collapseDirection:'top'

Workaround:

 

Ext.define("App.mixins.PanelDefaults", {
    
    layout:{
        type:'vbox',
        align:'stretch'
    },
    
    bodyStyle:{
        padding:"5px"
    },
    
    style:{
        marginBottom:"5px"
    },
    
    initMe:function(){
         this.titleCollapse =  this.titleCollapse || true;
         this.collapsible = this.collapsible || true;
         this.collapseDirection = this.collapseDirection || 'top';
    }
});

Ext.define("App.view.Panel", {
    extend:'Ext.panel.Panel',
    mixins:['App.mixins.PanelDefaults']
    initComponent:function(){
         this.initMe();
         this.callParent();
    }
});

[mitchellsimoens]

This looks to be fixed in 4.2.0 releases.