Unable to specify non-collapsible panels in accordion layout

[mpost]

REQUIRED INFORMATIONExt version tested:

• Ext 4.1.1
• Ext 4.1.1 rev a

Browser versions tested against:

• Safari 6.0.1
• Chrome 22.0.1229.94

DOCTYPE tested against:

• HTML5

Description:

• When using an accordion layout, all panels are forced to be collapsible: true. I want to arrange several panels so that a particular panel is always visible (cannot be collapsed).

Steps to reproduce the problem:

• Create a panel with accordion layout with multi: true.
• Add several sub-panels.
• Set all sub-panels to collapsed:true except for the last one which should be collapsible:false. (Collapsed vs. collapsible is intentional here.)

The result that was expected:

• Last panel is always expanded and cannot be collapsed.
• All other panels are collapsed and can all be closed.

The result that occurs instead:

• First and last panel are both expanded.
• Last panel can be collapsed.

Test Case:

Ext.create('Ext.Panel', {
    title: 'Example',
    width: 100,
    renderTo: Ext.getBody(),
    layout: {
        type: 'accordion',
        align: 'stretch',
        multi: true
    },
    defaults: {
        height: 100
    },
    items: [
        {
        xtype: 'panel',
        title: 'panel 1',
        html: 'panel 1',
        collapsed: true},
    {
        xtype: 'panel',
        title: 'panel 2',
        html: 'panel 2',
        collapsed: true},
    {
        xtype: 'panel',
        title: 'panel 3',
        html: 'panel 3',
        collapsed: true},
    {
        xtype: 'panel',
        title: 'panel 4',
        html: 'panel 4',
        collapsible: false},

        ]
});​ 

HELPFUL INFORMATION
See this URL for live test case:
http://jsfiddle.net/YpSN8/1/

Debugging already done:

• none

Possible fix:

• One workaround is to attach a listener to the last panel for the beforerender event:

  listeners: {beforerender: function(panel, eOpts) {if (panel && panel.collapsible) delete panel.collapsible;}}} 

Additional CSS used:

• only default ext-all.css

Operating System:

• OS X 10.8.2
• Windows 7 Pro SP1

[mitchellsimoens]

I think in your test case you need to have one of the items with collapsible : false correct? That's the bug you are reporting.

[mpost]

Oops, you're right. I copy/pasted the wrong code for this bug. I've edited the original post to add collapsible: false to the last panel and updated the jsfiddle link.