Premium support for our pure JavaScript UI components


Post by bherford »

Hi Team,

I've got 'predecessor' and 'successor' columns that should be pulling in the WBS number for each task, and according to the advanced example and the docs https://www.bryntum.com/docs/gantt/api/Gantt/view/GanttBase#config-dependencyIdField I should see the task WBS number:

gantt.config.ts:

dependencyIdField : 'wbsCode',

But instead I get the task id from my data (See attached photo)

Screen Shot 2022-01-21 at 3.42.43 PM.png
Screen Shot 2022-01-21 at 3.42.43 PM.png (58.91 KiB) Viewed 524 times

:

                                "id": 728027,
                                "parentIndex": 3,
                                "startDate": "2022-03-11T00:00:00-05:00",
                                "endDate": "2022-03-16T01:00:00-04:00",
                                "duration": 5,
                                "durationUnit": "day",
                                "cls": "",
                                "name": "Tyvek at ACM Panel Installation",
                                "direction": "Forward",
                                "manuallyScheduled": false,
                                "constraintType": null,
                                "constraintDate": null,
                                "percentDone": 0,
                                "inactive": null,
                                "effort": 120,
                                "effortUnit": "hour",
                                "effortDriven": false,
                                "schedulingMode": "Normal",
                                "baselines": [],
                                "parentId": 728023,
                                "location": "L2 Phase 1",
                                "color": "#6960EC"

Am I missing some configuration to get the WBS code to display in the columns? I'd like them to display like so:

Screen Shot 2022-01-21 at 4.08.01 PM.png
Screen Shot 2022-01-21 at 4.08.01 PM.png (25.01 KiB) Viewed 524 times

Is this something you can help me with?
Thanks


Post by mats »

Can you please paste your full config here so we can review?


Post by bherford »

Hi Mats, I added a ZIP because our config has static data in it temporarily. Let me know if that's an issue.

Thanks

gantt.config.ts.zip
(39.07 KiB) Downloaded 49 times

Post by alex.l »

I used your snippet in our advanced example and all works good to me, see the screenshot attached

Attachments
Screenshot 2022-01-24 at 15.43.42.png
Screenshot 2022-01-24 at 15.43.42.png (241.34 KiB) Viewed 487 times

All the best,
Alex


Post by bherford »

Hi Alex, Thanks for testing this out. I also started from the advanced template as well - can you share the full advanced code that you used for that screenshot?

Thank you


Post by alex.l »

Sure, I just copy-pasted all your code into app.js

Please see the zip attached.

Attachments
app.js.zip
(39.13 KiB) Downloaded 45 times

All the best,
Alex


Post by bherford »

Hi Alex, thanks for the file.

I am not using an app.js file on our project. We are building on the Advanced Angular Example. That is where the IDs are displaying incorrectly.

Is there any reason why it would not work properly in the Advanced Angular Example?

Thanks


Post by alex.l »

Yes, your right, that parameter hasn't been applied in our demo. So you need to add:

<bryntum-gantt
    #gantt
    .....
    [dependencyIdField]       = "ganttConfig.dependencyIdField"
    ....
</bryntum-gantt>

We will fix that in our demos too. Thank you for the question.

All the best,
Alex


Post by bherford »

This worked - Thanks Alex


Post Reply