or
<div id="draggable" style="background-color: lightgrey; height: 60px">Drag the buttons to the yellow section<br/> <button >Button 1</button> <button >Button 2</button> <button >Button 3</button></div><div id="dropTarget" style="background-color: yellow; height: 60px"></div>​var draggable = $("#draggable").kendoDraggable({ filter: 'button', hint: function(item) { return $(item).clone(); }});var dropTarget = $("#dropTarget").kendoDropTarget({ dragAndDrop: true, drop: droptargetOnDrop}).kendoDraggable({ filter: 'button', hint: function(item) { return $(item); }}); function droptargetOnDrop(e) { // console.log("drop called"); var $target = $(e.target); $(e.draggable.hint).clone().appendTo(e.dropTarget)}.ToolBar(c => c.Create())
.DataSource(dataSource => dataSource .Ajax() .Model(model => model.Id(f => f.FileId)) .Read(read => read.Action("GridRead", "Files"))

