Our state of the art Gantt chart


Post by licjapodaca »

Can we use the "pure JavaScript - Bryntum Gantt" component with our Sencha ExtJS Universal App and encapsulate the Bryntum Gantt component in a Singleton ExtJS class to use it in our ExtJS Universal App? ... because I see many features in this component than the Ext-Gantt component.

Regards


Post by Animal »

Yes, it is possible and should be very easy for a longtime EXT developer.

The concepts are very similar. Components configured with config objects.

You can instantiate a Gantt and ask it to renderTo the container element of a Panel. Obviously, you will have to apply CSS which makes it fit there. But it will just work in whatever position in the DOM you place it.

Probably the easiest way is to make the containing panel layout: ‘fit’ and then apply the correct EXTjs class to the Gantt which EXT uses to signify children of a fit layout.


Post by licjapodaca »

Excellent, so, I just need to do the following:

• Include the styles and scripts resources of the Bryntum Gantt like in https://www.bryntum.com/docs/gantt/#guides/getting_started.md#including-in-your-app
• Encapsulate the starting configuration of the Bryntum Gantt and features in a Singleton Class of ExtJS
• And finally implement the Singleton class already prepared in the previous bullet in our Sencha ExtJS Universal App

Are all the tasks that we must follow?

Regards


Post by mats »

Pretty much yes, you can also probably learn a bit from this example integrating our modern Gantt in a Sencha Modern app: https://bryntum.com/examples/gantt/extjsmodern/


Post by licjapodaca »

Excellent @mats ... thanks for your help...

Regards


Post Reply