dependencies

Configures dependencies.

Type:

Object

Default Value: null

View Demo

Dependencies specify the relationships between tasks. The following image illustrates how the Gantt displays dependencies in the chart:

DevExtreme Gantt Chart - Dependencies

dataSource

Binds the widget to the data source which contains dependencies.

Default Value: null
jQuery
index.js
$(function() {
    $("#gantt").dxGantt({
        dependencies: {
            dataSource: dependencies
        },
        //...
    });
});

keyExpr

Specifies the data field that provides keys for dependencies.

Type:

String

|

Function

Default Value: 'id'

predecessorIdExpr

Specifies the data field that provides predecessor IDs.

Type:

String

|

Function

Default Value: 'predecessorId'

successorIdExpr

Specifies the data field that provides successor IDs.

Type:

String

|

Function

Default Value: 'successorId'

typeExpr

Specifies the data field that provides dependency types.

Type:

String

|

Function

Default Value: 'type'