We currently have a grid configured to use cell-level selection, specifically, our grid uses:
selectable: "multiple, cell"
With multi-cell selection, users are able to choose cells by either clicking and dragging or holding the Ctrl key and clicking. I would like to alter the way that users use the mouse to select cells from the grid. Specifically, I would like users to be able to:
- Select multiple cells with individual clicks without requiring that a user hold down the Ctrl key.
- Click on a cell a second time to deselect the cell.
- Keep the click and drag functionality if possible.
Is there a recommended or supported to go about achieving this functionality?
Currently, I have tried removing selectable from my grid configuration and implementing my own click listener that applies k-state-selected when the user clicks on a cell, but I don't know how to go about hooking into the back end grid logic to add or remove items from the grid's selected list (or if this is even the right approach).