Batch Edit

 
Courtesy Title First Name Last Name Title Home Phone City Birth Date Hire Date  
Ms. Nancy Davolio Sales Representative (206) 555-9857 Seattle 12/8/1978 5/1/2005
Dr. Andrew Fuller Vice President, Sales (206) 555-9482 Tacoma 2/19/1965 8/14/1992
Ms. Janet Leverling Sales Representative (206) 555-3412 Kirkland 8/30/1985 4/1/2002
Mrs. Margaret Peacock Sales Representative (206) 555-8122 Redmond 9/19/1973 5/3/1993
Mr. Steven Buchanan Sales Manager (71) 555-4848 London 3/4/1955 10/17/1993
Mr. Michael Suyama Sales Representative (71) 555-7773 London 7/2/1981 10/17/1999
Mr. Robert King Sales Representative (71) 555-5598 London 5/29/1960 1/2/1994
Ms. Laura Callahan Inside Sales Coordinator (206) 555-1189 Seattle 1/9/1985 3/5/2004
Ms. Anne Dodsworth Sales Representative (71) 555-4444 London 1/27/1980 11/15/2004
Data grid with 9 rows and 9 columns

This demo implements batch data editing using our Blazor Grid's EditCell mode. Batch data editing allows users to accumulate changes in memory and post them to the database when desired.

When you create a new row or modify/delete an existing row in this demo, all changes are stored in memory. You can press Submit to apply all changes from memory (batch editing) to the underlying data source or press Revert to discard accumulated changes.

The CustomizeElement event handler highlights modified cells. The code checks whether a cell has unsaved changes and applies a custom CSS class.