Our blazing fast Grid component built with pure JavaScript


Post by vwgolf »

Hi there,

I have gone through a few online demos and searched the API doc/forum but I'm still not sure if the Bryntum JS is capable of rendering multiple element layers of a single task, I can give you an example of what I'm trying to achieve, imagine I have a Gantt of lots of tasks and each task have the following custom fields:
  • Planned Start (Grey bar)
  • Planned Finish
  • Re-scheduled Start (Orange bar)
  • Re-scheduled Finish
  • Actual Start (Red bar)
  • Actual Finish
  • Array of Downtime objects which represents any downtime occurred (empty space with dotted lines)
I have attached a screenshot below for reference: (which is captured from your website but I believe it was implemented in Ext JS Scheduler)
2020-02-04 11_12_14-Professional Services _ Bryntum.png
2020-02-04 11_12_14-Professional Services _ Bryntum.png (354.12 KiB) Viewed 2665 times

Post by mats »

Hi, yes this is definitely possible in the new Scheduler too. Just have to define a custom renderer which outputs those various states of your event data. This is a decent place to start. https://bryntum.com/examples/scheduler/nestedevents/

I'd then download the Ext JS and look at the sources of that demo, and look for counterparts in the new Scheduler. If you get stuck, we are here to help :)

Post by vwgolf »

Hi Mat,

Thanks for the prompt reply. We have a SPA in Angular 8, so we are not considering Ext JS, so my question is: Does the new Bryntum Gantt JS (https://www.bryntum.com/products/gantt/) have the same functionality for rendering multiple layers shown in the nested events scheduler example?

Regards,

Jeremy

Post by mats »

Hey Jeremy, you can render anything inside the Gantt event bar.

Post Reply