Blazor Tree Grid Example - Dialog Editing
Employee ID | Full Name | Designation | Joined Date | Country | Availability | Email |
|---|
| EMP001 | Harper Lewis | Chief Executive Officer | 20/10/2003 | New York, USA | Yes | |
| EMP002 | Mia Lewis | VP Engineering | 13/03/2008 | Los Angeles, CA | No | |
| EMP003 | William Carter | VP Marketing | 21/01/2014 | San Francisco, CA | No | |
| EMP004 | Amelia Harris | VP Sales | 03/08/2001 | Seattle, WA | Yes | |
| EMP005 | Ava Brown | Chief of Staff | 05/02/2013 | Seattle, WA | No | |
| EMP006 | Noah Martin | Chief Technology Officer | 21/02/2007 | Seattle, WA | Yes | |
| EMP007 | Mia Carter | Lead Developer | 20/01/2000 | San Francisco, CA | Yes | |
| EMP008 | Emma Carter | Senior Architect | 16/07/2004 | Seattle, WA | Yes | |
| EMP009 | Liam Taylor | DevOps Manager | 07/03/2015 | London, UK | Yes | |
| EMP010 | Amelia Davis | QA Lead | 19/02/2007 | Los Angeles, CA | Yes |
This sample demonstrates dialog editing in the Tree Grid. While editing or adding a record, a dialog pop-up opens with an edit form.
Enable dialog editing by setting TreeGridEditSettings.Mode to EditMode.Dialog. In this demo, double-click a row or click the Edit toolbar button to open the dialog and save changes to the data source.
Learn more in the dialog editing documentation.