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
Hi Omkar,
Are you looking for something like this
Docs
https://bryntum.com/products/gantt/docs/api/Core/widget/Menu
Hi,
Please check this demo it has a similar thing https://bryntum.com/products/grid/examples/filterbar/
Docs
https://bryntum.com/products/gantt/docs/api/Core/widget/Combo#multiselect-grouped-list
https://bryntum.com/products/gantt/docs/api/Core/widget/Combo#snippet-grouped-list
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