title: Kendo UI: How to drag and drop multiple items from kendo ui grid to tree?
body: <p>I am using kendo ui grid and tree in a cshtml page and want to drag and drop multiple rows from the grid to the tree. I am able to drag and drop a single row from the grid to the tree, but for multiple items, same approach does not work.</p>
  
  <p>Here are my code segments:</p>
  
  <pre><code>$("#grid").kendoGrid({
      selectable: "row",
      sortable: true,
      pageable: true,
      columns: .......
  
  $("#treeview").kendoTreeView({
      dragAndDrop: true
  });
  </code></pre>
  
  <p>And my kendoDraggable and kendoDropTarget events:</p>
  
  <pre><code>$("#grid").kendoDraggable({
      filter: "tr",
      hint: function () {
          var g = $("#grid").data("kendoGrid")
          return g.select().clone()
      }
  });
  
  $("#treeview").kendoDropTarget({
      drop: droptargetOnDrop
  });
  </code></pre>
  
  <p>The above code segment works for dragging a single row from grid to the tree.</p>
  
  <p>But if I change the grid definition for multiple row selection, the kendoDropTarget drop event no longer get triggered.</p>
  
  <pre><code>$("#grid").kendoGrid({
      selectable: "multiple",
      sortable: true,
      pageable: true,
      columns: .......
  </code></pre>
  
  <p>Please let me know if I am doing anything wrong and any possible solution to this.</p>