gantt-for-react

Frappe Gantt component for React wrapper.

1. Install

npm install --save gantt-for-react 2. 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.

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.

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

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。