const filterUsersDropdown = {
type: 'combo',
multiSelect: true,
items: [],
};
columns = [
{
text: 'Name',
type: 'template',
field: 'name',
editor: false,
align: 'left',
width: 250,
enableCellContextMenu: true,
template: ({ record }) => {
},//code for template
tooltipRenderer: ({ record }) => {
},// code for tooltip
cellMenuItems: [],//code for cell menu items
filterable: {
filterField:filterUsersDropdown
filterFn: ({ record, value }) => {
return !value.length || value.includes(record.id);
},
},
},
]
in react component when user is fetched from api we directly inject the options in componentdidmount
const reqColumn = schedulerEngine.columns.get('name').filterable;
reqColumn.filterField.items = Mapper.getDropdownData(resources);// api response to object {value:'',text:''}
but the options is not reflected in dropdown of filterbar.