Notorious Public Menace

    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

    Install

    npm i gantt-for-react-hourly

    DownloadsWeekly Downloads

    2

    Version

    0.1.1

    License

    MIT

    Unpacked Size

    14.6 kB

    Total Files

    5

    Last publish

    Collaborators

    • anihamb