|
|
|
|
|
|
|
|
|
|
|---|---|---|---|---|---|---|---|---|
| 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
0 rows are selected
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.
The EditOnKeyPress property is used to start row editing once you begin typing.