Extjs tips: Big Data Grid for Data removal and addition Efficiency Optimization

Reasons for slowness:

Because each time a piece of data is removed from the store, the grid will be re-painted. When the data volume is large, it takes a long time, for example, it may take about 2 seconds to remove one of the 1500 grids. It takes more than 10 seconds to remove 10 grid entries and 800 grid entries. Google's browser is suspected of crash.

Solution:

1. Disable ext re-painting first, and resume the re-painting function after deletion,CodeAs follows:

 
Ext. suspendlayouts (); store. Remove (selection); Ext. resumelayouts (true );
 

2. First, disable the store event. After processing is complete, recover the event and then re-specify the store to the grid. The Code is as follows:
Store. suspendevents ();
Store. Remove (selection );
Store. resumeevents (); grid. reconfigure (store );

3. Combination of the two
Ext. suspendlayouts ();
store. suspendevents ();
store. remove (selection);
store. resumeevents ();
grid. reconfigure (store);
Ext. resumelayouts (true);