Posted 10 October 2021, 9:24 pm EST - Updated 3 October 2022, 12:21 pm EST
Hello Team,
Currently, we are using DataGrid Reactive from OutSystems which is based on wijmo flexgrid.
https://www.outsystems.com/forge/component-overview/9764/data-grid-reactive
https://www.grapecity.com/wijmo/demos/Grid/Selection/CheckboxSelection/purejs
We need to show the checkbox-based Selection for bulk select.
We have achieved that by the following code.
var grid = GridAPI.GridManager.GetGridById($parameters.GridWidgetId).provider;
grid.columnHeaders.rows.defaultSize = grid.cells.rows.defaultSize;
var selector = new wijmo.grid.selector.Selector(grid);
grid.selectionMode = wijmo.grid.SelectionMode.MultiRange;
With the above way, the checkbox-based selection is showing and working properly.
Then, there is another requirement which is disable certain checkbox selection based on some cell value. For example: if product price is less than 50, then the checkbox-based selection on that row would be disabled and can not be checked unless the cell value is changed.
We have tried with some code and be able to achieve that also.
The Grid is enabling and disabling the checkbox-based selection based on cell value properly at initial display.
But the problem is when we scroll the grid vertically the disabled checkbox are being enabled automatically even if the cell value does not meet the conditions.
Please check the attached image for the problem.
Could you please help me with how to achieve this requirement using pure JS?
Thank you.
Best regards,
Alam