Our state of the art Gantt chart


Post by licjapodaca »

Hi there, just a question, the Bryntum Gantt can handle projects in the tree of the component like in the Ext-Gantt component? like in this example: https://www.bryntum.com/examples/gantt-for-extjs/advanced/

If so, is there a Sample in the Bryntum Gantt Examples section?

We want to implement in the tree of the Bryntum Gantt the following elements:

  • Workspaces

  • Folders

  • Projects

  • Tasks (Handled)

  • Subtasks (Handled)

Can we handle those elements inside the Bryntum Gantt component?

Best Regards


Post by arcady »

Even though technically the Gantt has only one overarching project..
you are free to build any data structure you want. All the levels will just be represented with =https://bryntum.com/docs/gantt/#Gantt/model/TaskModel instances.


Post by licjapodaca »

Ok @arcady, but by example, if we want to add in the structure of the Gantt elements like Projects and Folders without showing anything in the Timeline of the Gantt ... can we do that? ... I only want to show those elements in the Tree structure of the Gantt grouping the Tasks and Subtasks ...


Post by Maxim Gorkovsky »

Just to be clear, do you want to load normal tasks to the store, see all those tasks in the locked part of the gantt, but only render a subset of tasks in the normal part of the gantt?


Post by licjapodaca »

Yes @Maxim, that's my approach ... I want to use the TaskModel with new custom fields to differentiate the type of the work item like Projects, Folders and Tasks ... so only the Folders I don't want to be part of the Gantt right side.

Regards


Post by pmiklashevich »

Folders are summary tasks at the end. All values are calculated based on its children. So you can hide the bar using CSS (https://www.bryntum.com/docs/gantt/#Gantt/model/TaskModel#field-cls), show empty cells except of names (https://www.bryntum.com/docs/gantt/#Grid/column/Column#config-renderer) and make the empty cells non-editable (https://www.bryntum.com/docs/gantt/#Gantt/feature/CellEdit#event-beforeCellEditStart).

Pavlo Miklashevych
Sr. Frontend Developer


Post Reply