PDA

View Full Version : Don't render other Tab



vodkainn
29 Nov 2010, 5:15 AM
Help me, please!

When tabpanel is rendered, 'grid 2' and 'form 2' don't render.


{
xtype: 'tabpanel',
activeTab: 0,
deferredRender: false,
items: [{
title: 'tab 1',
layout: 'border',
defaults: {
collapsible: true,
split: true
},
items: [{
title: 'grid 1',
xtype: 'grid',
region: 'center'
},{
title: 'form 1',
xtype: 'form',
region: 'south'
}]
},{
title: 'tab 2',
layout: 'border',
defaults: {
collapsible: true,
split: true
},
items: [{
title: 'grid 2',
xtype: 'grid',
region: 'center'
},{
title: 'form 2',
xtype: 'form',
region: 'south'
}]
}]
}

Thnx!

Condor
29 Nov 2010, 5:32 AM
1. Add layoutOnTabChange:true to the tabpanel.
2. North and south regions need a height.
3. You can't create a grid without a store or columns.

vodkainn
29 Nov 2010, 5:41 AM
1. Didn't help.
2.,3. it's a sample. :)

When I wrote

{
xtype: 'tabpanel',
activeTab: 0,
deferredRender: false,
items: [{
title: 'tab 1',
layout: 'border',
defaults: {
collapsible: true,
split: true
},
items: [{
title: 'grid 1',
xtype: 'grid',
region: 'center'
},{
title: 'form 1',
xtype: 'form',
region: 'south'
}]
},{
title: 'tab 2',
title: 'grid 2',
xtype: 'grid'
}]
}
'grid 2' rendering.

Condor
29 Nov 2010, 5:50 AM
Really, layoutOnTabChange:true should work.

ps. Some older Ext versions would also need:

defaults:{hideMode:'offsets'}

vodkainn
29 Nov 2010, 5:54 AM
O!

Thnx, BROTHER!


defaults:{hideMode:'offsets'}

It's help me!

From Russia with respect!