Hi I am trying to show a dropdown when click on a column but I want the array from my api so I wrote this code-
const loadAOA = async () => {
const response = await fetch("myUrl");
const data = await response.json();
return data.items.map(item => ({
text: item.Description,
value: item.ID
})) || [];
}
and calling this in column like
{
text: "AOA Category", field: "AOACategory", flex: 1,
minWidth: 190,
editor: {
type: 'dropdown',
valueField: 'value',
displayField: 'text',
width:100,
items: loadAOA
}
},
but its not calling api and showing on screen No results and when I am trying to debug in console Its showing me error
Uncaught TypeError: Cannot delete property 'fixed' of #<MouseEvent>
at HTMLBodyElement.o (grid.module.js:10:183255)
I am giving reference of js file like
<script type="module" src="~/lib/bryntum/build/thin/grid.module.thin.js"></script>
Please correct me where/what i am doing wrong