All docs
V19.1
24.2
The page you are viewing does not exist in version 24.2.
24.1
The page you are viewing does not exist in version 24.1.
23.2
The page you are viewing does not exist in version 23.2.
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
19.1
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.
A newer version of this page is available. Switch to the current version.

JavaScript/jQuery Diagram - nodes

An array of diagram nodes.

Type:

Object

Default Value: null

Use the nodes option to populate an array of diagram nodes.

View Demo

jQuery
JavaScript
$(function() {
    $("#diagram").dxDiagram({
        nodes: {
            dataSource: orgItems
        },
        edges: {
            dataSource: orgLinks
        },
        layout: "tree"
    });
});

dataSource

Binds the nodes collection to the specified data.

Default Value: null

The Diagram widget creates a shape for every node in the collection.

itemsExpr

Specifies the data field that contains nested items.

Type:

String

|

Function

Function parameters:
data:

Object

The current node's data object.

Default Value: 'items'

keyExpr

Specifies the data field that provides a node's key.

Type:

String

|

Function

Function parameters:
data:

Object

The current node's data object.

Default Value: 'id'

parentKeyExpr

Specifies data field that provides a parent node ID for a node.

Type:

String

|

Function

Function parameters:
data:

Object

The current node's data object.

Default Value: 'parentId'

textExpr

Specifies data field that provides a text for a node.

Type:

String

|

Function

Function parameters:
data:

Object

The current node's data object.

Default Value: 'text'

typeExpr

Specifies data field that provides a shape type for a node.

Type:

String

|

Function

Function parameters:
data:

Object

The current node's data object.

Default Value: 'type'