I am interested in creating a grid column where the cells use a multi-select dropdown as their editor. I believe this is possible in wijmo via a custom editor. What is the best way to approach this issue with in the OutSystem reactive grid framework.
Hi @erik berg,
This is not a functionality we offer by default, but you can try to add a new column with the desired editor on the DataGrid's OnInitialize event handler. Something like this:
```
let provider = OutSystems.GridAPI.GridManager.GetActiveGrid().provider;
let configs = {}; // add here your editor configs
let column = new wijmo.grid.Column({
header: 'Header',
binding: 'Sample.Binding',
editor: new wijmo.input.MultiSelect(document.createElement('div'), configs);
})
provider.columns.push(column);
I also found this example of the MultiSelect editor being used as an editor in a FlexGrid. You can also refer to this example of MultiSelect control and the MultiSelect documentation.
Hope it helps,
Giuliana.
I'm trying to implement a multiselect dropdown inside a Data Grid in an OutSystems Reactive application using javascript as you suggested. I've successfully set it up — I can select multiple elements, and everything appears to work fine on the front end.
However, I'm encountering two issues:
A. After selecting an item, if I click outside the dropdown, I get the following error in the console: OutSystemsDataGrid.Gridframework.js?WOyzELj9un146azjXkNqyA:9649 Uncaught TypeError: Cannot read properties of undefined (reading 'uniqueId')
B. When I change the multiselect value for the first time and click on save button, it doesn't detect the row as an "Edited Line." It only marks the row as edited on the second change. Instead, the previously edited row gets flagged.
Would you be able to help?
Thank you, that is great information.
I have added new multiselect column using above Jaavscript. Its working fine. But when I try to edit the same cell again, Values are not getting saved. API_Data\GetChangedLines is returning false.