1. #1
    Ext User
    Join Date
    Mar 2007
    Posts
    18
    Vote Rating
    0
    zzo is on a distinguished road

      0  

    Default [Solved] Multiple column layouts in multiple tabs in FormPanel

    [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",
                                                                        }
                                                                    ]
                                                                }
                                                            ]
                                                    }
    
                                            ]
                            },
                    ] ,
    }
         ],
    
    }

  2. #2
    Ext User
    Join Date
    Mar 2007
    Posts
    18
    Vote Rating
    0
    zzo is on a distinguished road

      0  

    Default Problem also in FF 2.0.0.7 on WinXP

    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

  3. #3
    Ext JS Premium Member
    Join Date
    Jun 2007
    Location
    Boston, MA
    Posts
    28
    Vote Rating
    0
    rraponi is on a distinguished road

      0  

    Default


    I observed the same thing in Firefox/2.0.0.10 and IE7.
    Though if you resize the browser the columns in the 2nd tab will appear.

  4. #4
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    4
    mystix will become famous soon enough

      0  

    Default


    tried this?
    Quote Originally Posted by alindsay55661 View Post
    Found the solution:

    Code:
    layoutOnTabChange:true
    on the tabpanel config.

  5. #5
    Ext User
    Join Date
    May 2007
    Posts
    5
    Vote Rating
    0
    sagarshelke is on a distinguished road

      0  

    Default


    thanks so much. solved the same problem for me.

    thanks again

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar