gantt-for-react-hourly

0.1.1 • Public • Published

gantt-for-react-hourly

Frappe Gantt components for React wrapper.

Build Status npm npm npm

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 Minute, Hour, 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 Minute, Hour, 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

screenshot

5. LICENSE

MIT @hustcc

Package Sidebar

Install

npm i gantt-for-react-hourly

Weekly Downloads

3

Version

0.1.1

License

MIT

Unpacked Size

14.6 kB

Total Files

5

Last publish

Collaborators

  • anihamb