Learn how you can handle server-side data editing in the Syncfusion Angular TreeGrid control. This example explains data binding using a remote call. You’ll see how to insert, update, and remove a record and delete multiple records using the Syncfusion DataManager. An ASP.NET Core web application with Angular as its front-end is used to explain these CRUD operations in the Angular TreeGrid.
Watch the video now: https://www.syncfusion.com/tutorial-videos/angular/treegrid?title=how-to-handle-server-side-data-editing-in-angular-treegrid
Documentation: https://ej2.syncfusion.com/angular/documentation/treegrid/edit/#url-adaptor
Make sure that you have the compatible versions of TypeScript, Angular and .NET Core in your machine before starting to work on this project:
- Angular 4+
- TypeScript 2.6+
- .NET Core 2.1+
To run this application, you need to first clone the How-to-handle-server-side-data-editing-in-Angular-Tree-Grid repository and then navigate to the path where it has been stored in your system.
To do so, open the command prompt and run the below commands one after the other.
git clone https://github.com/SyncfusionExamples/How-to-handle-server-side-data-editing-in-Angular-Tree-Grid treegrid-example
Once done with downloading, you need to install the packages required to run this application locally. To do so, open the solution file ‘ServerSideEditing.sln’ in Visual Studio 2017+ and build the application using keys Ctrl+Shift+B
This will install all the needed Angular packages into your current project.
Run the application using the key F5. This will open the application in the browser.
To get more help with the Angular CLI, use ng help or check out the Angular CLI README.