• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of CRUD in ASP.NET Core Diagram Control

This sample demonstrates generating a diagram by reading data from the database, and updating it with newly inserted/updated/deleted nodes and connectors through web services.

DEMO
SOURCE

This example shows how the user reads the data source and performs add, edit, delete of data in the data source at runtime. The crudAction property of the dataSourceSettings and crudAction property of the connectionDataSource allow you to define the server-side method name for create, read, update, and delete operations.

The insertData method is used to send the newly added/inserted data from client to server side. Likewise, updateData and removeData are used to send the updated and deleted diagram elements to the server.