Our state of the art Gantt chart


Post by omkar ankam »

As I want to display the list in a dropdown that list will contain another list for a specific row.

for example
None
1.Default
a) None
2.Marketing
a) SE
b)BI
3)PD
a)TL
b)ASE
c)SSE

Thanks
Omkar


Post by tasnim »

Hi Omkar,

Are you looking for something like this

Screenshot 2023-03-31 164645.png
Screenshot 2023-03-31 164645.png (12.5 KiB) Viewed 310 times

Docs
https://bryntum.com/products/gantt/docs/api/Core/widget/Menu


Post by omkar ankam »

Hi tasnim

I want to create something like this

gantt.PNG
gantt.PNG (8.97 KiB) Viewed 307 times

Post by tasnim »

Attachments
Screenshot 2023-03-31 192934.png
Screenshot 2023-03-31 192934.png (23.09 KiB) Viewed 291 times

Post by omkar ankam »

Can you just help me with the code why the data is coming as blank in UI whereas I am able to see data in the console.

function2.PNG
function2.PNG (1.59 KiB) Viewed 274 times
Function1.PNG
Function1.PNG (4 KiB) Viewed 274 times
Function.PNG
Function.PNG (4.47 KiB) Viewed 274 times

Post by marcio »

Hey omkar ankam,

Could you please share how did you configure your picker? If you check the example that Tasmin shared, you'll see that we have a combo configured just like you mentioned you need, like this:

class CityModel extends Model {
    static idField = 'name';
    static fields = [
        'name',
        'region'
    ];
}

const cityCombo = {
    type         : 'combo',
    valueField   : 'name',
    displayField : 'name',
    cls          : 'city-combo',
    chipView     : {
        iconTpl : () => '<i class="b-icon b-fa-city"></i>'
    },
    listItemTpl : ({ name }) => `<i class="b-icon b-fa-city"></i>${name}`,
    picker      : {
        cls              : 'city-list',
        allowGroupSelect : false
    },
    store : {
        modelClass : CityModel,
        groupers   : [
            { field : 'region', ascending : true }
        ],
        data : [
            { name : 'Stockholm', region : 'Europe' },
            { name : 'Barcelona', region : 'Europe' },
            { name : 'Paris', region : 'Europe' },
            { name : 'Dubai', region : 'Middle East' },
            { name : 'Istanbul', region : 'Middle East' },
            { name : 'Riyadh', region : 'Middle East' },
            { name : 'New York', region : 'US' },
            { name : 'San Francisco', region : 'US' },
            { name : 'Washington', region : 'US' },
            { name : 'Moscow', region : 'Russia' },
            { name : 'St Petersburg', region : 'Russia' }
        ]
    }
};

Best regards,
Márcio


Post by omkar ankam »

gantt.PNG
gantt.PNG (10.13 KiB) Viewed 243 times

Post by mats »

Looks like you misspelt "inputField"


Post Reply