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 tasnim
I want to create something like this
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
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.
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' }
]
}
};
Looks like you misspelt "inputField"