Bug when using ctrl click in grid combined with getSelectedState()?

[Ricky]

Hi,

When using the grid, you can single click rows, shift click a range and ctrl click. These all work fine. I'm creating a wrapper around the grid to return the clicked rows, so this is the code I use to do this:

    const onSelectionChange = event => {
        const newSelectedState = getSelectedState({
            event,
            selectedState: selectedState,
            dataItemKey: DATA_ITEM_KEY,
        });
        const selectedRows = Object.keys(newSelectedState).map(x => data.find(d => d[DATA_ITEM_KEY].toString() === x.toString()));
        props.onSelected(selectedRows);
        setSelectedState(newSelectedState);
    };

So I loop the data keys returned from the getSelectedState method on my data collection. Great, works fine.

However, when shift selecting a range and then deselecting a single row holding control, the row still remains as selected using getSelectedState (visibly it's unclicked, but not the state object). This is not the case with shift. Shift correctly unselects the rows. I see the event returns a ctrlKey property, so I could probably add my own code around this issue - but it looks like a bug to me? I am using the newest versions of the grid and data tools (kendo-data-tools: 5.2.0 and kendo-react-grid: 5.2.0).

[Stefan]

Hello,

I have tested this locally and the selected state is correct. The deselected item is marked as false. Please have in mind that the id of the item will still be part of the object, but with value false:

{1: true, 2: true, 3: false, 4: true, 5: true}

You can update the logic to only get the keys with value true in order to get the selected items.

Regards,
Stefan
Progress Telerik

[Ricky]

I swear I tried that and they all reported true. I since have updated the packages and it does now indeed reflect the selected state. Apologies, should have verified that first. Thanks.