React Gantt - resourceAssignments

Configures resource assignments.

Type:

Object

Default Value: null

View Demo

Resource assignments define relationship between tasks and resources.

Use the dataSource option to bind the widget to a data source, which contains resource assignments. If the field names in your data source differ from the 'id', 'resourceId' and 'taskId' default names, use the keyExpr, resourceIdExpr and/or taskIdExpr options to map data fields.

See Also
App.js
data.js
  • import React from 'react';
  •  
  • import 'devextreme/dist/css/dx.common.css';
  • import 'devextreme/dist/css/dx.light.css';
  •  
  • import Gantt, {
  • ResourceAssignments,
  • //...
  • } from 'devextreme-react/gantt';
  • import {
  • resourceAssignments,
  • //...
  • } from './data.js';
  •  
  • class App extends React.Component {
  • render() {
  • return (
  • <Gantt ... >
  • <ResourceAssignments
  • dataSource={resourceAssignments}
  • keyExpr="key"
  • resourceIdExpr="resourceKey"
  • taskIdExpr="taskKey" />
  • </Gantt>
  • );
  • }
  • }
  • export default App;
  • export const resourceAssignments = [{
  • 'key': 0,
  • 'taskKey': 3,
  • 'resourceKey': 1
  • },
  • // ...
  • ];

dataSource

Binds the widget to the data source, which contains resource assignments.

Default Value: null

Refer to the resourceAssignments option to see how to specify the dataSource option.

keyExpr

Specifies the data field that provides keys for resource assignments.

Type:

String

|

Function

Default Value: 'id'

Refer to the resourceAssignments option to see how to specify the keyExpr option.

resourceIdExpr

Specifies the data field that provides resource IDs.

Type:

String

|

Function

Default Value: 'resourceId'

Refer to the resourceAssignments option to see how to specify the resourceIdExpr option.

taskIdExpr

Specifies the data field that provides task IDs.

Type:

String

|

Function

Default Value: 'taskId'

Refer to the resourceAssignments option to see how to specify the taskIdExpr option.