PDA

View Full Version : sub panel didn't display it content in accordion layout panel



nlpack
19 Jun 2013, 8:06 PM
sometime we add many sub panel into an accordion layout panel , like this 44470

"My panel" was set according layout, and we add many sub panel into it.

Now when we click the button which is on the title right to expand the select sub panel which didn't show it and it disappear . If we delete some sub panel , only add less sub panel ,then click the title right button and sub panel would expand and show it's content right.

why?

Songle
19 Jun 2013, 10:50 PM
Post some code and we may be able to help.

slemmon
21 Jun 2013, 8:32 AM
I think a code example demonstrating what you're seeing would likely help engage the community in helping you. Also, what version of ExtJS are you using where you're seeing the issue? Is it the most recent release: 4.2.1?

nlpack
25 Jun 2013, 12:41 AM
hi, with Extjs 4.2.0.663.

you can try it with the example ,but add more sub-items into it. try to add 10 sub-items and then to expand some panel.

http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.layout.container.Accordion


like this:

Ext.create (http://docs.sencha.com/extjs/4.2.1/#%21/api/Ext-method-create)('Ext.panel.Panel (http://docs.sencha.com/extjs/4.2.1/#%21/api/Ext.panel.Panel)', { title: 'Accordion Layout',
autoScroll: true, width: 300, height: 300, defaults: { // applied to each contained panel bodyStyle: 'padding:15px' }, layout: { // layout-specific configs go here type: 'accordion', titleCollapse: false, animate: true, activeOnTop: true }, items: [{ title: 'Panel 1', html: 'Panel content!' },{ title: 'Panel 2', html: 'Panel content!' },{ title: 'Panel 3', html: 'Panel content!' },{ title: 'Panel 4', html: 'Panel content!' },{ title: 'Panel 5', html: 'Panel content!' },{ title: 'Panel 6', html: 'Panel content!' },{ title: 'Panel 7', html: 'Panel content!' },{ title: 'Panel 8', html: 'Panel content!' },{ title: 'Panel 9', html: 'Panel content!' },{ title: 'Panel 10', html: 'Panel content!' },{ title: 'Panel 11', html: 'Panel content!' },{ title: 'Panel 12', html: 'Panel content!' }], renderTo: Ext.getBody (http://docs.sencha.com/extjs/4.2.1/#%21/api/Ext-method-getBody)() });

_alex
2 Jul 2013, 12:53 PM
There seems to be some strange behaviour on the accordion-layout when nested in another panel.
Please have a look at this simple example that breaks it completely on 4.2.1 when expanding/collapsing panels:

http://jsfiddle.net/TTnvJ/2/
(http://jsfiddle.net/TTnvJ/2/)

slemmon
3 Jul 2013, 2:03 PM
Bug report filed here:
http://www.sencha.com/forum/showthread.php?267163