gantt-for-react

Frappe Gantt components for React wrapper.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
gantt-for-react
283120.2.04 years ago6 years agoMinified + gzip package size for gantt-for-react in KB

Readme

gantt-for-react
Frappe Gantt components for React wrapper.

Build Status npm npm npm
  1. Install
npm install --save gantt-for-react
  1. Usage
Online demo see https://git.hust.cc/gantt-for-react/.
import React from 'react';
import ReactGantt from 'gantt-for-react';

<ReactGantt
  tasks={this.getTasks()}
  viewMode={this.state.viewMode}
  onClick={this._func}
  onDateChange={this._func}
  onProgressChange={this._func}
  onViewChange={this._func}
  customPopupHtml={this._html_func}
/>

Or you can see the code here.
  1. 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, customclass }.
-
viewMode (required, string)
The view mode of gantt. 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
.
  1. Screenshot
screenshot
  1. LICENSE
MIT @hustcc