Hybrid View

  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
    5
    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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi