The Data Grid was moved to maintenance support mode. No new features/capabilities will be added to this component. We recommend that you migrate to the Grid component.
First Name
|
Last Name
|
Title
|
Title Of Courtesy
|
Birth Date
|
Hire Date
|
|
|---|---|---|---|---|---|---|
| Nancy | Davolio | Sales Representative | Ms. | 12/8/1978 | 5/1/2005 | |
| Andrew | Fuller | Vice President, Sales | Dr. | 2/19/1965 | 8/14/1992 | |
| Janet | Leverling | Sales Representative | Ms. | 8/30/1985 | 4/1/2002 | |
| Margaret | Peacock | Sales Representative | Mrs. | 9/19/1973 | 5/3/1993 | |
| Steven | Buchanan | Sales Manager | Mr. | 3/4/1955 | 10/17/1993 | |
| Michael | Suyama | Sales Representative | Mr. | 7/2/1981 | 10/17/1999 | |
| Robert | King | Sales Representative | Mr. | 5/29/1960 | 1/2/1994 | |
| Laura | Callahan | Inside Sales Coordinator | Ms. | 1/9/1985 | 3/5/2004 | |
| Anne | Dodsworth | Sales Representative | Ms. | 1/27/1980 | 11/15/2004 |
This demo illustrates how to use the Data Grid's EditFormTemplate with Blazor's standard EditForm component to create a custom edit form with validation.
The EditForm validates input values when they are changed and when a user clicks the Update button to submit this form. Editors become marked with colored outlines: red indicates invalid values and green indicates values that were posted successfully.
In this demo, all form fields except for Title of Courtesy are marked as required. The Birth Date and Hire Date field values should be within the specified ranges. The Notes field value should have a length between 4 and 256 characters.