opt-gantt-for-react
v1.0.0
Published
Frappe Gantt components for React wrapper.
Downloads
12
Maintainers
Readme
gantt-for-react
Frappe Gantt components for React wrapper.
1. install
npm install gantt-for-react
2. usage
Online demo see http://git.hust.cc/gantt-for-react/.
import React from 'react';
import ReactGantt from 'gantt-for-react';
<ReactGantt
tasks={this.getTasks()}
viewMode={this.state.viewMode}
scrollOffsets={this.state.scrollOffsets}
onClick={this._func}
onDateChange={this._func}
onProgressChange={this._func}
onViewChange={this._func}
customPopupHtml={this._html_func} />
Or you can see the code here.
3. component props
tasks
(required, array)
The tasks array need to be show with gantt graph. task is an object with format: { id, name, start, end, progress, dependencies, custom_class }.
viewMode
(required, string)
The view mode of gantt. Can be Quarter Day, Half Day, Day, Week, Month.
scrollOffsets
(optional, object)
The default scroll offset for different view modes with object format: { viewMode : integer }. ViewMode can be Quarter Day, Half Day, Day, Week, Month.
customPopupHtml
(optional, func)
The popo html function, can be a function that returns html or a simple html string.
And 4 event function props: onClick
, onDateChange
, onProgressChange
, onViewChange
. Document can see here.
4. screenshot
5. LICENSE
MIT @hustcc