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

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

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

Thanks in advance

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.


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?

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.