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. If you remove 800 Grid entries, Google will crash... syntaxHighlighter. all (); 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 );