yarn
yarn start
dhtmlx / react-gantt-demo Goto Github PK
View Code? Open in Web Editor NEWdhtmlxGantt with ReactJS
dhtmlxGantt with ReactJS
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
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!
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!
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.
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
Hi,
I want to replace the standard adding/editing form by a new one with new styling. Is this possible?
Thanks
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)
I found the gantt_resizer disappears when I run this project
When one Gantt loads another one disappears. Tried having different ids for each instance, still no luck.
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.
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?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.