Skip to Content

SAPUI5 Gantt: Problem Using Calendardef

Hi Experts,

i got a problem using calendardefs in order to visualize weekends/holidays in sapui5 gantt chart.

Can you please advise how to model structure should look like and how to bind it?

I allready check the following question:

https://answers.sap.com/questions/185889/sapui5-gantt-calendar-in-backround-calendardef-max.html

I coded the binding exact the same as in the question above. But i guess my model is not accurate. The gantt view still looks like this:

Please advise!

Thanks in advance and best regards,

Stephan

calendardef.png (63.9 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

3 Answers

  • Best Answer
    Mar 26 at 05:59 PM

    Hey Stephan Pichler,

    i've checked my code another time and i forgot an important part:

    Did you already define the calendar like the normal shapes and add it ?

    I hope that this solves the problem.

    Regards

    Björn

    Add comment
    10|10000 characters needed characters exceeded

  • Mar 22 at 04:03 PM

    Hello,

    your chart really looks nice ;)

    I can show you an example of the code in our application:

    I've defined the gantt-control in xml.

    You can put the calendarDefinition on the gantt-chart with "setCalendarDef". In there you can define the path to the calendar-entries, the key and timeInterval-locations.

    The OData-Structure:

    I've used a JSON-Model - so there is one Part with the calendar-entries und one for our tree in the gantt-diagram.

    The connection between calendar-entries and row (children) is the calendar id --> "cal".

    In every children there are the masterinformations, the defined shape (in our case: just one shape per line) and the calendar-informations (the key).

    So in our case every line has the same calendar - always "cal", it's also possible to define different calendar-informations per line.

    If you have more questions - just ask.

    Also helpful for topics like this is this page: https://sapui5.hana.ondemand.com/sdk/test-resources/testsuite/testframe.html

    Just search for "gantt" and open the "Complex" or "Compete" in a new tab for debugging. There are also examples with different calendars.

    Best regards

    Björn

    Add comment
    10|10000 characters needed characters exceeded

  • Mar 23 at 07:19 AM

    Hi Björn Burandt ,

    first of all, thank you for your detailed post!

    unfortunately, it still doesnt work, this is how my Model looks like:

    caldef-model.png

    i only put in one timeinterval for testing, but it doesnt come up.

    My binding is the same code segment as in your application:

    caldef-binding.png

    calendardef still looks blank:

    gantt-ss.png

    any further idea?

    Thanks!

    Stephan

    Add comment
    10|10000 characters needed characters exceeded