Estoy tratando de crear una cuadrícula de Kendo con funcionalidad de selección múltiple y el usuario puede seleccionar varias filas arrastrando una selección de clic del mouse.

HTML:

 <kendo-grid #idGrid [selectable]="selectableSettings” (selectionChange)="OnSelectionChanged($event)">

COMPONENTE:

 public selectableSettings: SelectableSettings; constructor(){ this.setSelectableSettings(); } public setSelectableSettings(): void { this.selectableSettings = { mode: "multiple", drag: true}; } OnSelectionChange(e){ for(let item of e.selectedRows){ this.selectedRows.push(item.dataItem); } for(let item of e.deselectedRows){ this.selectedRows = this.selectedRows.filter(x => x.Id === item.dataItem.Id); } }

El arrastre funciona como se esperaba y las filas se seleccionan con el arrastre del mouse, sin embargo, el problema es que la nueva selección de arrastre posterior ANULA LA ÚLTIMA SELECCIÓN incluso si el usuario presiona el botón MAYÚS