JavaScript/jQuery Diagram Interfaces

This section describes interfaces that the Diagram component uses.

CustomCommand

An object that provides information about a custom command in the Diagram UI component.

import { CustomCommand } from "devextreme/ui/diagram"
Type:

Object

dxDiagramAddShapeArgs

Contains information about the processed shape.

import { dxDiagramAddShapeArgs } from "devextreme/ui/diagram"

dxDiagramAddShapeFromToolboxArgs

Contains information about the processed shape.

import { dxDiagramAddShapeFromToolboxArgs } from "devextreme/ui/diagram"

dxDiagramBeforeChangeConnectorTextArgs

Contains information about the processed connector.

import { dxDiagramBeforeChangeConnectorTextArgs } from "devextreme/ui/diagram"

dxDiagramBeforeChangeShapeTextArgs

Contains information about the processed shape.

import { dxDiagramBeforeChangeShapeTextArgs } from "devextreme/ui/diagram"

dxDiagramChangeConnectionArgs

Contains information about the processed connection.

import { dxDiagramChangeConnectionArgs } from "devextreme/ui/diagram"

dxDiagramChangeConnectorPointsArgs

Contains information about the processed connector.

import { dxDiagramChangeConnectorPointsArgs } from "devextreme/ui/diagram"

dxDiagramChangeConnectorTextArgs

Contains information about the processed connector.

import { dxDiagramChangeConnectorTextArgs } from "devextreme/ui/diagram"

dxDiagramChangeShapeTextArgs

Contains information about the processed shape.

import { dxDiagramChangeShapeTextArgs } from "devextreme/ui/diagram"

dxDiagramConnector

An object that provides information about a connector in the Diagram UI component.

import { dxDiagramConnector } from "devextreme/ui/diagram"
Type:

dxDiagramItem

dxDiagramDeleteConnectorArgs

Contains information about the processed connector.

import { dxDiagramDeleteConnectorArgs } from "devextreme/ui/diagram"

dxDiagramDeleteShapeArgs

Contains information about the processed shape.

import { dxDiagramDeleteShapeArgs } from "devextreme/ui/diagram"

dxDiagramItem

An object that provides information about an item (shape or connector) in the Diagram UI component.

import { Item } from "devextreme/ui/diagram"
Type:

dxDiagramItem

dxDiagramMoveShapeArgs

Contains information about the processed shape.

import { dxDiagramMoveShapeArgs } from "devextreme/ui/diagram"

dxDiagramResizeShapeArgs

Contains information about the processed shape.

import { dxDiagramResizeShapeArgs } from "devextreme/ui/diagram"

dxDiagramShape

An object that provides information about a shape in the Diagram UI component.

import { dxDiagramShape } from "devextreme/ui/diagram"
Type:

dxDiagramItem