1. #1
    Sencha User
    Join Date
    Oct 2010
    Posts
    10
    Answers
    3
    Vote Rating
    0
    gfroud is on a distinguished road

      0  

    Default Answered: GXT 3 TabPanel does not correctly switch between GXT 2 widgets in its tabs.

    Answered: GXT 3 TabPanel does not correctly switch between GXT 2 widgets in its tabs.


    I am investigating how to transition a large GXT 2 application over to GXT 3. I have put GXT 2 widgets into a GXT3 TabPanel using the ThreeComponentWrapper to wrap the GXT 2 widgets. A single tab is displayed correctly, however, when a second tab is added and brought to the front, it appears that the showing and hiding is not working. Stepping through the code, I can see it is trying to add a style to hide a widget and remove that style to show a widget. I can see that the widget is indeed the ThreeComponentWrapper. When I inspect the HTML in Chrome, I see no class being added or removed. Inspecting the Element in the debugger, it looks like the style class is being added to an empty DIV.

    Any ideas on what is going wrong here and how to resolve it?

  2. Ok, I've found a workaround. Firstly, the problem occurs because of the GXT 2 lazy rendering. The GXT 3 TabPanel stores the dummy DIV element provided by the GXT 2 widget (because it hasn't yet been rendered). Although the GXT 2 widget does subsequently render correctly, the GXT 3 TabPanel tries to hide and show the panels by adding/removing a style to the dummy DIV which of course doesn't work.

    The workaround is to wrap the GXT 2 widget in a GXT 3 SimpleContainer before adding it to the TabPanel. The TabPanel then adds/removes the style to the SimpleContainer in order to show/hide the panel.

  3. #2
    Sencha User
    Join Date
    Oct 2010
    Posts
    10
    Answers
    3
    Vote Rating
    0
    gfroud is on a distinguished road

      0  

    Default


    Ok, I've found a workaround. Firstly, the problem occurs because of the GXT 2 lazy rendering. The GXT 3 TabPanel stores the dummy DIV element provided by the GXT 2 widget (because it hasn't yet been rendered). Although the GXT 2 widget does subsequently render correctly, the GXT 3 TabPanel tries to hide and show the panels by adding/removing a style to the dummy DIV which of course doesn't work.

    The workaround is to wrap the GXT 2 widget in a GXT 3 SimpleContainer before adding it to the TabPanel. The TabPanel then adds/removes the style to the SimpleContainer in order to show/hide the panel.

Tags for this Thread

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