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.
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.
Injecting Module
The diagram component’s features are segregated into individual feature-wise modules. To generate diagrams from an external data source, inject DataBinding
module using provide
method. To automatically arrange the objects in an Hierarchical chart, inject HierarchicalTree
module using provide
method.