//I'am using razor to initiate grid and treelist
 var grid1 = $("#gridClipList");
 var treelist1 = $("#treelistPlaylist");
 grid1.kendoDraggable({
         filter: "tr",
         hint: function (e) {
            var item = $('<div class="k-grid k-widget" style="background-color: DarkOrange; color: black;"><table><tbody><tr>' + e.html() + '</tr></tbody></table></div>');
            return item;
            },
         group: "gridGroup1",
        });
  treelist1.kendoDropTarget({
         drop: function (e) {
             var dataItem = grid1.data("kendoGrid").dataSource.getByUid(e.draggable.currentTarget.data("uid"));
             var treelistItem = {
                    StartTime: "test",
                    Name: dataItem.Name,
                    Duration: dataItem.Duration,
                    Description: "test",
                    Code: dataItem.Code,
                    Programme: "test",
                    Source: "test"
                };
                treelist1.data("kendoTreeList").dataSource.add(treelistItem);
                treelist1.data("kendoTreeList").refresh();
                console.log(treelistItem);
            },
            group: "gridGroup1",
        });