[Solved] Multiple column layouts in multiple tabs in FormPanel
I've got a tabpanel & each tabpanel contains a column layout - which doesn't seem to work.
The first panel is rendered correctly but the second panel's column layout is seemingly ignored/lost. Note both tab panels in the example are EXACTLY the same (except for the tab title).
Further if the 'activeTab' property is not set then then BOTH column layouts are lost when a tab is activated by clicking on the tab title or otherwise.
I get this same problem in both 2.0 beta 1 and 2.0 RC1.
Same behavior on both FF 2.0.0.9 on Safari 3.0.3 on Mac 10.4.10
THANKS!!!
Mark
Here is the JSON as stripped down as I could make it -if you just do this:
var obj = Ext.decode(<BELOW JSON>);
var form = new Ext.FormPanel(
obj
);
form.render(Ext.get('some_div'));
You'll see what I mean :)
Code:
{
"title":"Test columns within tabpanel layout error",
"items":[
{
"xtype":"tabpanel",
"title":"Tabs",
"activeTab":0,
"items": [
{
"title":"Tab1",
"items":[
{
"layout":"column",
"items":
[
{
"columnWidth":0.8,
"layout":"form",
"items":[
{
"fieldLabel":"Value",
"xtype":"textfield",
"value":"4GB"
}
]
},
{
"columnWidth":0.2,
"layout":"form",
"items":[
{
"xtype":"button",
"text":"a button",
}
]
}
]
}
]
},
{
"title":"Tab2 (same as Tab1)",
"items":[
{
"layout":"column",
"items":
[
{
"columnWidth":0.8,
"layout":"form",
"items":[
{
"fieldLabel":"Value",
"xtype":"textfield",
"value":"4GB"
}
]
},
{
"columnWidth":0.2,
"layout":"form",
"items":[
{
"xtype":"button",
"text":"a button",
}
]
}
]
}
]
},
] ,
}
],
}
Problem also in FF 2.0.0.7 on WinXP
FWIW problem also exists in FF 2.0.0.7 on WinXP - I -swear- I can see the missing columns for a split second when I activate the second tab & then, cruelly, they're taken away & the panel is blank...
thanks!
Mark
