Are there any examples doing drag and drop from a grid control to the scheduler in Angular? I have found the jQuery example, but for the life of me can't get it to work correctly with the angular directives. Right now I am using a combination of jQuery and angular, which is both terrible to look at, and causing problems since my templates cannot use Angular controls.
The parts I am unsure of how to do in Angular are:
var
grid = $(
"#grid"
).data(
"kendoGrid"
);
var
gridRowOffset = grid.tbody.find(
"tr:first"
).offset();
grid.table.kendoDraggable({
filter:
"tbody > tr"
,
dragstart:
function
(e) {
//add margin to position correctly the tooltip under the pointer
console.log(
'drag start'
);
console.log(gridRowOffset);
$(
"#dragTooltip"
).css(
"margin-left"
, e.clientX - gridRowOffset.left - 50);
},
Essentially if I could get the demo from http://www.telerik.com/support/code-library/drag-and-drop-17b3dbbc367a
to work in Angular, I could figure the rest out from there!