Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    83
    Vote Rating
    0
    andrej_marincic is an unknown quantity at this point

      0  

    Default Ext.tab.TabPanel - performance when adding or hiding tabs Extjs3 vs. extjs4

    Ext.tab.TabPanel - performance when adding or hiding tabs Extjs3 vs. extjs4


    Hello,
    this is probably not a real bug but more a performance isue.

    I have GUI where tabs are loaded after i select a certain node in tree menu.
    Tabs (configs) are loaded dinamically via ajax request.

    I have a lot of tabs 20 - 30.

    I noticed that hiding a tab in EXT JS 4 takes more than 5 time longer than hiding a tab in EXT JS 3.

    In ExtJS 4 I hide tabs like this:
    panel.getTabBar().items.each(function(t){
    t.hide(); //i also tryed t.setVisible(false)
    });

    notice: it takes 0.6 SEC to hide 20 tabs

    In ExtJS 3 I hide tabs like this:
    panel.items.each(function(t){
    panel.hideTabStripItem(t.id);
    });

    notice: it takes 0.04 SEC to hide 20 tabs

    When i create tabs (with panel.add()) it takes:
    - 0.6 SEC for 20 tabs with ExtJS 4
    - 0.12 SEC for 20 tabs with ExtJS 3

    notice: deferredRender is ON in both cases, config object is the same in both cases and is simple like this {title: 'tab name', xtype: 'container'}

    0.06 SEC is not a long time, but i load tabs when i select certain node in TreePanel menu, and if i change selections fast, GUI feels very slow - non responsive. In ExtJS 3 it was really fast, you coudn't even tell it was loaded dinamically.

    Is there a way to make this work faster? I tryed several things including suspendEvents + calling doLaout at the end, but i really didn't know what i was doing so it wasn't successfull :/


    BTW i really like EXT JS and i love you guys!

  2. #2
    Ext JS Premium Member
    Join Date
    Nov 2008
    Posts
    83
    Vote Rating
    0
    andrej_marincic is an unknown quantity at this point

      0  

    Default


    Ok now i got it to work almost as faster.

    Before hiding and adding logic i call:

    panel.getTabBar().suspendLayout = true;
    panel.suspendLayout = true;

    and then ater adding part i call:
    panel.getTabBar().suspendLayout = false;
    panel.suspendLayout = false;
    panel.getTabBar().doLayout();

    Now it is "just" 100% slower than ExtJS 3.

Similar Threads

  1. Dynamic form from Extjs3 to Extjs4
    By parsbin in forum Ext: Discussion
    Replies: 3
    Last Post: 12 Apr 2011, 3:26 AM
  2. ExtJs3 and ExtJs4 in One App
    By Darren Martz in forum Ext: Discussion
    Replies: 3
    Last Post: 7 Apr 2011, 8:48 AM
  3. ExtJs3 to ExtJs4 Migration
    By same66 in forum Ext: Discussion
    Replies: 4
    Last Post: 1 Mar 2011, 5:18 PM
  4. [CLOSED]ExtJs3 and ExtJs4-Sandbox
    By jjozeh in forum Ext:Bugs
    Replies: 1
    Last Post: 25 Feb 2011, 4:12 PM
  5. Replies: 2
    Last Post: 4 Feb 2011, 3:50 AM

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