Search results

BpmnSubProcess API in React Diagram API component

Defines the behavior of the BPMNSubProcess

Properties

adhoc

boolean

Defines whether the sub process is without any prescribed order or not

Defaults to false

boundary

BpmnBoundary

<div id='diagram'></div>
let nodes: NodeModel[] = [{
id: 'node', width: 100, height: 100, offsetX: 100, offsetY: 100,
shape: {
              type: 'Bpmn', shape: 'Activity', activity: {
                  activity: 'SubProcess',
                  subProcess: { adhoc: false, boundary: 'Default', collapsed: true }
              },
          }
}];
let diagram: Diagram = new Diagram({
...
nodes : nodes,
...
});
diagram.appendTo('#diagram');

collapsed

boolean

Defines the whether the shape is collapsed or not

Defaults to true

compensation

boolean

Defines the whether the task is triggered as a compensation of another task

Defaults to false

events

BpmnSubEventModel[]

<div id='diagram'></div>
let node1: NodeModel = {
          id: 'node1', width: 190, height: 190, offsetX: 300, offsetY: 200,
          shape: {
              type: 'Bpmn', shape: 'Activity', activity: {
                  activity: 'SubProcess',
                  subProcess: {
                      type: 'Event', loop: 'ParallelMultiInstance',
                      compensation: true, adhoc: false, boundary: 'Event', collapsed: true,
                      events: [{
                          height: 20, width: 20, offset: { x: 0, y: 0 }, margin: { left: 10, top: 10 },
                          horizontalAlignment: 'Left',
                          verticalAlignment: 'Top',
                          annotations: [{
                              id: 'label3', margin: { bottom: 10 },
                               horizontalAlignment: 'Center',
                              verticalAlignment: 'Top',
                              content: 'Event', offset: { x: 0.5, y: 1 },
                              style: {
                                  color: 'black', fontFamily: 'Fantasy', fontSize: 8
                              }
                          }],
                          event: 'Intermediate', trigger: 'Error'
                      }]
                  }
              }
          }
      };
let diagram: Diagram = new Diagram({
...
nodes : nodes,
...
});
diagram.appendTo('#diagram');

loop

BpmnLoops

Defines the type of the BPMNLoop

  • None - Sets the type of the Bpmn loop as None
  • Standard - Sets the type of the Bpmn loop as Standard
  • ParallelMultiInstance - Sets the type of the Bpmn loop as ParallelMultiInstance
  • SequenceMultiInstance - Sets the type of the Bpmn loop as SequenceMultiInstance

Defaults to ‘None’

processes

string[]

Defines the transaction sub process

Defaults to []

transaction

BpmnTransactionSubProcessModel

Defines the transaction sub process

type

BpmnSubProcessTypes

Defines the type of the sub process

  • None - Sets the type of the Sub process as None
  • Transaction - Sets the type of the Sub process as Transaction
  • Event - Sets the type of the Sub process as Event

Defaults to ‘None’