Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Code optimization techniques in extjs?

I am dynamically creating some controls in a page. it will become slow when we have some fifty controls.

what are the code optimization techniques/ guideline used in extjs? Is there any specific methods which will slow down the entire loading?

like image 258
Rency Avatar asked Jul 13 '12 13:07

Rency


People also ask

What is BBAR in ExtJS?

this allows you to add buttons at the bottom of your gridpanel all other button properties are allowed to use. sample code is here: bbar: [ { xtype: 'button', text: 'Button 1' }, { xtype: 'button', text: 'Button 2' } ]

What is flex in ExtJS?

It is used in the VBox and HBox layouts: This configuration option is to be applied to child items of the container managed by this layout. Each child item with a flex property will be flexed horizontally according to each item's relative flex value compared to the sum of all items with a flex value specified.

What are the advantages of using ExtJS?

Ext JS is a perfect framework to create complex interactive web apps. Among all the other JavaScript frameworks, it offers the most professional graphing and charting capabilities, not depending on plugins. That means Ext JS is capable of providing a perfect picture for every browser on any OS.

What is ExtJS full form?

ExtJS or Extended JavaScript is a comprehensive JavaScript framework developed by Sencha for building comprehensive web and mobile applications.


1 Answers

Sencha has great posts:

Ext JS 4.1 Performance about:

  • Network latency which affects initial startup time heavily, but also data store load time.
  • CSS processing.
  • JavaScript execution.
  • DOM manipulation.

Optimizing Ext JS 4.1-based Applications about optimization tips and the Page Analyzer tool.

like image 54
CD.. Avatar answered Sep 20 '22 20:09

CD..