27 May 2011 5:13 AM #11
Render time of an overnested panel Ext 3 / Ext 4
I've got a similar issue. I posted my overnested code example at the Migration thread first.
I've got an overnested panel with multiple checkboxes. I tried to rebuild a similar example. Created some random Panels including some checkboxes.
With Ext 3.3.0 (ext-all-debug.js and ext-base-debug.js) it will be rendered within 300 up to 400 ms.
Ext 4.0.0 needs more than 40000 ms to render the same configuration in Firefox 4.0.1.
It seems to me that the layout function of Ext.layout.Layout needs a lot of calculation time. Especially Firefox asks at the Line of "me.onLayout.apply(me, arguments);" to stop the script.
[edit: FF4 wants to stop also at the getWidth() method of the Ext.core.Element line 8485 in ext-all-debug.js].
Most of the componentes are using the standard layout.
With using more hbox layouts Ext 4 will render a little bit faster.
code to test
Do I have a configuration problem?
27 May 2011 5:53 AM #12
27 May 2011 6:09 AM #13
27 May 2011 6:32 AM #14
It's not an enjoyable mode of development to have to come back to the site twice a day hoping for the next patch release to fix the things that are crippling our upcoming release (slow grid performance, theme problems, bugs).
27 May 2011 1:38 PM #15
30 May 2011 3:43 AM #16
Do we have any confirmation on the "rather slow" performence of some of the components in current version ? Are Sencha working on it ?
I have also a viewport application up for testing with a tabpanel in the center region,which has a accordion as item with formpanels.
Adding a new tab and load this takes 20-30 seconds (IE7),switchning between the tabs also takes 5-10.
30 May 2011 5:01 AM #17
- Join Date
- Apr 2008
- Groningen - Netherlands
- Vote Rating
validation on change with formfields also causes performance loss. If you have validation on your fields and you load it with data maybe at the moment of a tab change, it fires a doLayout or resize for each field on the formpanel. It was possible to block by validateOnChange = false.
If you look at the first example in this thread you see at every formfield an allowBlanc property set to false. In that case it means if you have four fields doLayout on the parentpanel is called four times. With firebug you even get some blocking script messages.
30 May 2011 7:40 AM #18
30 May 2011 12:49 PM #19
30 May 2011 1:12 PM #20
I agree rich, this really is a show-stopper and wont move any licences. Customer love the UI but at the moment the application is simply not useable.
tvanzoelen, although i see the your point,simply activate/rendering the form without any action (load etc) takes way too long when nested and with many fieldsets with their own layouts just like tprodigy1 pointed out.
So Sencha please step up to the plate, whats your take on all this ?
By Scott Murawski in forum Ext 3.x: Help & DiscussionReplies: 0Last Post: 24 Jun 2010, 12:28 PM
By meroy in forum Community DiscussionReplies: 7Last Post: 15 Feb 2010, 10:34 AM
By vot in forum Ext 3.x: Help & DiscussionReplies: 1Last Post: 23 Jul 2009, 5:36 AM
By email@example.com in forum Ext 2.x: BugsReplies: 12Last Post: 14 Nov 2007, 8:40 AM
Thread Participants: 21
- Jamie Avins (1 Post)
- ValterBorges (1 Post)
- stevil (10 Posts)
- nugatto (1 Post)
- nicholasnet (1 Post)
- tvanzoelen (5 Posts)
- rich02818 (5 Posts)
- abe.elias (4 Posts)
- edspencer (5 Posts)
- HyGy (1 Post)
- Aero (3 Posts)
- CraigMyers (1 Post)
- börn (2 Posts)
- Mycoding (1 Post)
- MrSparks (3 Posts)
- Baumi (2 Posts)
- LesJ (2 Posts)
- paipai (5 Posts)
- mstijak (1 Post)
- /mbr (1 Post)
- RAD001 (1 Post)