PDA

View Full Version : multi accordion when multi should equal false



mcornetto
5 Mar 2013, 11:29 PM
This accordion in a window allows multiple panels to be expanded <span style="color:#ff0000;">even when multi is specifically set to false</span>. Any idea why this is happening and how I can fix it? Not sure if this is a bug or my mistake. This happens in both Chrome and IE. I am using a ExtJS 4.0.7. Thanks.



var pop = Ext.create("Ext.Window", {
title: "Available Layers",
layout: {
type: "accordion",
fill: false,
shrinkToFit: false
},
width: 250,
height: 350,
autoScroll: true,
items: [
Ext.create("Ext.Panel", {
title: "A",
collapsed: true,
items: [
Ext.create("Ext.Container", {
html: "A1"
}),
Ext.create("Ext.Container", {
html: "A2"
})
]
}),
Ext.create("Ext.Panel", {
title: "A",
collapsed: true,
items: [
Ext.create("Ext.Container", {
html: "A1"
}),
Ext.create("Ext.Container", {
html: "A2"
})
]
}),
Ext.create("Ext.Panel", {
title: "A",
collapsed: true,
items: [
Ext.create("Ext.Container", {
html: "A1"
}),
Ext.create("Ext.Container", {
html: "A2"
})
]
}),
Ext.create("Ext.Panel", {
title: "A",
collapsed: true,
items: [
Ext.create("Ext.Container", {
html: "A1"
}),
Ext.create("Ext.Container", {
html: "A2"
})
]
}),
Ext.create("Ext.Panel", {
title: "A",
collapsed: true,
items: [
Ext.create("Ext.Container", {
html: "A1"
}),
Ext.create("Ext.Container", {
html: "A2"
})
]
}),
Ext.create("Ext.Panel", {
title: "A",
collapsed: true,
items: [
Ext.create("Ext.Container", {
html: "A1"
}),
Ext.create("Ext.Container", {
html: "A2"
})
]
}),
Ext.create("Ext.Panel", {
title: "A",
collapsed: true,
items: [
Ext.create("Ext.Container", {
html: "A1"
}),
Ext.create("Ext.Container", {
html: "A2"
})
]
}),
Ext.create("Ext.Panel", {
title: "A",
collapsed: true,
items: [
Ext.create("Ext.Container", {
html: "A1"
}),
Ext.create("Ext.Container", {
html: "A2"
})
]
}),
Ext.create("Ext.Panel", {
title: "A",
collapsed: true,
items: [
Ext.create("Ext.Container", {
html: "A1"
}),
Ext.create("Ext.Container", {
html: "A2"
})
]
}),
Ext.create("Ext.Panel", {
title: "A",
collapsed: true,
items: [
Ext.create("Ext.Container", {
html: "A1"
}),
Ext.create("Ext.Container", {
html: "A2"
})
]
}),
Ext.create("Ext.Panel", {
title: "A",
collapsed: true,
items: [
Ext.create("Ext.Container", {
html: "A1"
}),
Ext.create("Ext.Container", {
html: "A2"
})
]
}),
Ext.create("Ext.Panel", {
title: "A",
collapsed: true,
items: [
Ext.create("Ext.Container", {
html: "A1"
}),
Ext.create("Ext.Container", {
html: "A2"
})
]
})

]
});
pop.show();
pop.items.items[0].collapse();
pop.items.items[0].expand();

mitchellsimoens
7 Mar 2013, 12:36 PM
Looks like this was a bug in 4.0.7 as in 4.1.1 only 1 will be expanded with your test

mcornetto
7 Mar 2013, 5:35 PM
Trying to upgrade to 411 to see if it solves the problem. As usual upgrading is not a smooth process.