dhtmlx / react-gantt-demo

dhtmlxGantt with ReactJS

DHTMLX Gantt with React Demo

How to start

Online

On the local host

yarn 
yarn start

Useful links

• Online demo
• Full tutorial
• Video Guide
• Learn about DHTMLX Gantt
• More demos about the DHTMLX Gantt functionality
• Technical support
• Online documentation

Follow us

• Star our GitHub repo ⭐
• Watch our tutorials on YouTube 👀
• Read us on Medium 📰
• Follow us on Twitter 🐾
• Like our page on Facebook 👍

react-gantt-demo's Issues

Error Directly After Cloning and Running

I just cloned the repository, and ran "npm install" followed by "npm start". The webpage rendered the following error:

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined
at validateString (internal/validators.js:120:11)
at Object.join (path.js:375:7)
at noopServiceWorkerMiddleware (C:_GIT\react-gantt-demo\node_modules\react-dev-utils\noopServiceWorkerMiddleware.js:14:26)
at Layer.handle [as handle_request] (C:_GIT\react-gantt-demo\node_modules\express\lib\router\layer.js:95:5)
at trim_prefix (C:_GIT\react-gantt-demo\node_modules\express\lib\router\index.js:317:13)
at C:_GIT\react-gantt-demo\node_modules\express\lib\router\index.js:284:7
at Function.process_params (C:_GIT\react-gantt-demo\node_modules\express\lib\router\index.js:335:12)
at next (C:_GIT\react-gantt-demo\node_modules\express\lib\router\index.js:275:10)
at launchEditorMiddleware (C:_GIT\react-gantt-demo\node_modules\react-dev-utils\errorOverlayMiddleware.js:20:7)
at Layer.handle [as handle_request] (C:_GIT\react-gantt-demo\node_modules\express\lib\router\layer.js:95:5)

gantt_resizer disappear

I found the gantt_resizer disappears when I run this project

[Question] Is there a way to replace default adding/editing form?

Hi,

I want to replace the standard adding/editing form by a new one with new styling. Is this possible?

Thanks

TypeScript - getting error - Property 'ganttEventsInitialized' does not exist on type 'GanttStatic'

While trying to implement this demo in typescript I am getting the following error
TS2339: Property 'ganttEventsInitialized' does not exist on type 'GanttStatic'.

Seems like this flag is not available in the type definition
https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/dhtmlxgantt

Cannot have multiple gantt in a view

When one Gantt loads another one disappears. Tried having different ids for each instance, still no luck.

Gantt chart event issue when component updates

This seems to be issue is lightbox or eventlisteners, when i go to different page and come back to gantt chart page, and press add task, gantt chart add multiple tasks randomly, if I go to another page and come back again, gantt chart add even more tasks

Extend elements structure

I would like to be able to extend the html structure.
For example, I want to add an icon to the progress bar that only appears when hovered.
Also, perhaps add something to a date label (like sprint name or an icon).
Would also be very useful to be able to add fields to the sidebar to manage resources (people) or other items.
Is it already possible?

Thanks and keep the good work.

Where does this.ganttContainer get initialized?

I have installed and deployed your example app, successfully. Thanks!

However, as I try to incorporate this example into a working app I have, I keep receiving an error message at this line:

componentDidMount() {
	gantt.init(this.ganttContainer); //this line: this.ganttContainer is undefined
	gantt.parse({ data: this.props.state.items});
}

I might be missing a react convention or a DHTMLX convention, but I can't see where this is initialized in the working example. My best guess is that this is somehow translated into this.ganttContainer, but I can't seem to replicate it in my real example:

<div className='gantt-container'>...</div>

Any ideas?

Disable events and configurations

Hi!

I am working on a small demo which required to show a Gantt Chart. I was able to use this library but I am still not being able to disable the events on the chart. I do not have enough time to start working on the event handlers for now.

Is this possible?

Thanks!

gantt is not defined - webpack 2

Hi,

I am trying to use this in an existent project which uses webpack 2, but I cannot make it works.
As gantt is defined as global I tried a couple of configurations such as ProvidePlugin or exports-loader without success.

Any ideas?

Thanks in advance!

Multiple Gantt charts

Trying to achieve something like this demo https://docs.dhtmlx.com/gantt/samples/20_multiple/01_basic.html

However i can't seem to find the getGanttInstance function. Perhaps I'm missing something.