Grid Selection not working properly

[Sebastiaan]

Hi!

I have a problem with the grid selection feature. When I select multiple rows, and I have subscribed to the @change event on the Kendo Vue Grid, the event returns the proper row keys. But when i deselect one of the rows, an empty array is returned, while there are still rows selected (minus the one I have just deselected). The behaviour I would expect is for the event to return al currently selected rows, not an empty array. Does anyone have a solution to this? I need the information to bind to another component. Any help would be greatly appreciated! Below 

<template>
    <kendo-grid
      id="grid"
      ref="gridRef"
      :data-source="dataSource"
      :columns="columns"
      :resizable="resizable"
      :filterable="filterable"
      @change="onChangeSelection($event)">
   </kendo-grid>
</template>
// Event Handler
onChangeSelection(event: any) {

[Plamen]

Hello,

In such case we rather recommend getting the selected rows and their properties from the dataItems as for example in the code below:

change: function(e) {
    var selectedRows = this.select();
    var selectedDataItems = [];
    for (var i = 0; i < selectedRows.length; i++) {
      var dataItem = e.sender.dataItem(selectedRows[i]);
      selectedDataItems.push(dataItem.name);
    }
    console.log(selectedDataItems);// contains all selected data items
  }

Regards,
Plamen
Progress Telerik

[Fernando]

I try to do the same but I have an error: TypeError: this.select is not a function

[Plamen]

Hi,

You can try to use e.sender.select() instead of this.select() when referring the kendo widget.

Regards,
Plamen
Progress Telerik