I am using a radioButton to load different data into a grid using the grid.data.parse(data1) method. One column in the grid is a checkbox column (Boolean) and I am getting an unusual and unexpected behavior with that column when I switch between data sets. If there are checkboxes checked in data1 and I load another data set and then back to that original data set the checkboxes are checked again? I would have thought that the grid would have been emptied when the new data set is applied but that is not the case. I have tried data.removeAll() both globally and for the column ID but that does not work. I’ve also tried selection.removeCell() both globally and for the column ID and that does not work either. I am looking for a method to uncheck all checkboxes in a grid.
Could you please, provide a complete demo or a snippet, where the problem can be reconstructed locally?
For unchecking all the checkboxes in a needed column you should iterate through your grid data:
and update the values:
in the needed column to false instead of true.
Like:
grid.data.forEach(function(item, index, array) {
grid.data.update(item.id, { checkbox_column_id:false });
});