[REACT] The predecessor and successor list does not display the WBS in the predecessor item text.

[it vec]

I have been making and following various advice regarding an issue I have.

In the list of dependencies or predecessors, only the task name is shown, and I require the WBS to be displayed. In the Bryntum demos, it works without any issues, but I have tried everything and it still doesn't work.

I have defined the columns as follows:

const columns =  [
        { type: "wbs", },
        { type: "name", width: 250 },        

        { type: "duration" },                

        {
            text: "Dependencies",
            type: "predecessor",            

            width: 112,
        },
        {
            type: "successor",
            width: 112,            

        },            

        {
            text: "Resource",
            type: "resourceassignment",
            width: 120,
            showAvatars: true,
        },
        { type: "addnew" }
    ]

...

<BryntumGantt
                    {...ganttConfig}
                    ref={templateRef}
                    startDate={today}
                    dependencyIdField='wbsCode'
                    project={{
                        startDate: "2023-12-26",
                        hoursPerDay: 24,
                        daysPerWeek: 5,
                       //...        

                    }}
                    columns={columns}
                    //...
 />

Evidence
Expected: https://drive.google.com/file/d/13mCLrE2nLRJey5kWm81sE7zfxMfn4Pk-/view?usp=drive_link
Real: https://drive.google.com/file/d/1NDMC7fuM_jZkJ3miuajGsqPVF4fd3WKH/view?usp=sharing

[tasnim]

Hi,

I'm not able to reproduce the issue. Could you please provide a runnable test case so we can run it locally, reproduce it and debug it?

[it vec]

Of course, the data that comes in the data.js file is exactly as I obtain it in the project implemented by Bryntum.

https://drive.google.com/file/d/1eonK-3G1yrLUg2IHOeZpdnpR4kZUD6pJ/view?usp=drive_link

Just need to run npm install and npm start.

[Animal]

I’m not sure what bit of the posted code in the first post you think affects the rendering of the drop-down list.

The editor of that column is a Combo. And you can affect the look of items in a Combo’s drop-down.

https://bryntum.com/products/scheduler/docs/api/Core/widget/Combo#config-listItemTpl

[tasnim]

Hi,

It's not showing the wbs code on the task is because the task's https://bryntum.com/products/gantt/docs/api/Core/data/Model#property-isPhantom is true

You're task needs to have a proper id.
If it is a generated Id by gantt then It won't show the wbs code