Gantt Auto Scheduling implementation in React JS


#1

Heloo,

I’m new to using this component in react, i found in blog example and it working properly.
But i’m still not found working example for Auto Scheduling feature in react .

Please help.

Many Thanks’


#2

Hello Ferry,
First, you need to install the trial version. To do that, apply the following command:

npm install 'path to gantt folder with package.json file'

for example:

npm install /opt/gantt_trial

If you don’t have package.json file near the codebase folder, you can download the following one:
https://files.dhtmlx.com/30d/cb80c0faf513b1caab81d79fe9266c4e/package.json

Then you need to connect the extension. Open Gantt.js file and add the path to the extension after import 'dhtmlx-gantt';. For example:

import 'dhtmlx-gantt';
import 'dhtmlx-gantt/codebase/dhtmlxgantt.css';
import 'dhtmlx-gantt/codebase/ext/dhtmlxgantt_auto_scheduling.js'

Here is a demo with the implementation:
https://files.dhtmlx.com/30d/dcea4d5c76909316d5e722b8c781aa1e/react+autoscheduling.zip