Я использовал тот же код, который использовался для реализации функции переупорядочения строк в приведенном примере
здесь https://www.telerik.com/kendo-angular-ui/components/grid/how-to/row-reordering
private handleDragAndDrop(): Subscription {
const sub = new Subscription(() => { });
let draggedItemIndex;
const tableRows = Array.from(document.querySelectorAll('.k-grid-content
tr'));
tableRows.forEach(item => {
this.renderer.setAttribute(item, 'draggable', 'true');
const dragStart = fromEvent(item, 'dragstart');
const dragOver = fromEvent(item, 'dragover');
const drop = fromEvent(item, 'drop');
sub.add(dragStart.pipe(
tap(({ dataTransfer }) => {
try {
// Firefox won't drag without setting data
dataTransfer.setData('application/json', {});
} catch (err) {
// IE doesn't support MIME types in setData
}
})
).subscribe(({ target }) => {
draggedItemIndex = target.rowIndex;
}));
sub.add(dragOver.subscribe((e: any) => e.preventDefault()));
sub.add(drop.subscribe((e: any) => {
e.preventDefault();
const dataItem = this.gridData.data.splice(draggedItemIndex, 1)[0];
const dropIndex = closest(e.target, tableRow).rowIndex;
this.zone.run(() =>
this.gridData.data.splice(dropIndex, 0, dataItem)
);
}));
});
`--------------------------
Я получаю сообщение об ошибке ниже для кода выше
ошибка TS2459: тип «Событие» не имеет свойства «dataTransfer» и не имеет подписи индекса строки.
ошибка TS2339: свойство 'rowIndex' не существует для типа 'EventTarget'.