PDA

View Full Version : Difference between Rendered Visible and Rendered non visible components



harman
24 Aug 2012, 4:29 AM
HI All,

I am using ExtJS 4.0.7 with Chrome and FF.
I have a tab panel with 4 tabs. Each tab has a grid which has a column containing combo box.
I want all the combo boxes on all tabs pre rendered before i visit non default active tab.

I do so using


deferredRender: false,
defaults: { hideMode: 'offsets' },

in tab panel's config.

Still i see there is some event that doesn't get fired for combos present on non active tabs.
That causes problem with their layout.
This doesnt happens for the combos present on the default active tab.

Also refer
http://www.sencha.com/forum/showthread.php?215906-Trigger-Wrapping-in-ComboBox&p=876541#post876541

L (http://www.sencha.com/forum/showthread.php?215906-Trigger-Wrapping-in-ComboBox&p=876541#post876541)ooking desperately for a solution

Thanks in advance

scottmartin
24 Aug 2012, 7:01 PM
As mentioned in the post you referenced ..

-Can you duplicate this in a small test case so we can review.
-Have you tried 4.1.1? There where numerous problems with 4.07 layouts.

Scott.

harman
27 Aug 2012, 2:55 AM
Hi Scott,

I will try put some sample code.
I tried a little more testing and found that deferredRender has something to do with this because if i set it true the components are all fine on non active tabs.

defaults: { hideMode: 'offsets' },
doesnt seem to do anything.

Is there an alternate way to pre-render components on non active tabs?

scottmartin
29 Aug 2012, 9:52 PM
deferredRender: false will render all. The issue I see here is that the combo are in a grid column and are not displayed until you are in edit mode. In this case, I would see no need to render all as they will not be displayed until you edit the row/cell.

'offsets' will ensure that the combo size is maintained.

Scott.