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

Slow: 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. After deletion is completed, the re-painting function will be restored. The Code is as follows: [javascript] Ext. suspendLayouts (); store. remove (selection); Ext. resumeLayouts (true); www.2cto.com 2. First, disable the Store event. After processing is complete, restore 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. Use Ext. suspendLayouts (); store. suspendEvents (); store. remove (selection); store. resumeEvents (); grid. reconfigure (store); Ext. resumeLayouts (true );