BPMN Data Object in Blazor Diagram Component

16 Feb 20233 minutes to read

A data object represents information flowing through the process, such as data placed into the process, data resulting from the process, data that needs to be collected, or data that must be stored. To define a BpmnDataObject, the node property Shape should be set as BpmnDataObject, and the DataObjectType property defines whether data is an input or output. You can indicate the collection of data object by setting the IsCollectiveData property of BpmnDataObject as True.

@using Syncfusion.Blazor.Diagram

@* Initialize the Diagram*@
<SfDiagramComponent Height="600px" Nodes="@nodes" />

@code
{
    // Initialize the node collection with node.
    DiagramObjectCollection<Node> nodes;

    protected override void OnInitialized()
    {
        nodes = new DiagramObjectCollection<Node>();
        Node node = new Node()
        {
            // Position of the node.
            OffsetX = 100,
            OffsetY = 100,
            // Size of the node.
            Width = 100,
            Height = 100,
            // Unique Id of the node.
            ID = "node1",
            // Sets shape to DataObject.
            Shape = new BpmnDataObject()
            {
                IsCollectiveData = true,
                DataObjectType = BpmnDataObjectType.None
            }
        };
        nodes.Add(node);
    }
}

You can download a complete working sample from GitHub

The following table contains various representation of the BPMN data object.

DataObjectType	Symbol	IsCollectiveData	Description
None			None of the business processes with the signified information collected within a DataObject
Data Input			Represents the data requirements on which the tasks in the business process depend on with the signified information collected within a DataObject
Data Output			Demonstrates information produced as the result of a business process with the signified information collected within a DataObject