kendo 将网格拖放到树视图节点

Question

我有一个 kendo 网格和一个 kendo 树视图。我想从 kendo 网格行中拖动并将其添加到我的 kendo 树视图中。唯一的事情是我想知道放置目标的 id（树的确切子节点）。我不想将它附加到树视图的末尾。我怎样才能做到这一点？

$("#table_messages").kendoDraggable({
  filter: "tr",
  group: "Grid",
  hint: function (e) {
    var item = $("<img src="images/inbox.png"/>");
    return item;
  }
});

$("#folders").kendoDropTarget({
  filter: ".k-item",
  group: "Grid",
  drop: function(e) {

  }
});

Answer 1

**这对我有用：

第一步：为树视图添加此模板：**

<script id="treeview-template" type="text/kendo-ui-template">
        <div style="display: inline-block">
          <span class="node" id="#: item.id #">#: item.Title #</span>
        </div>

第二步：

$("#folders").kendoDropTarget({

    drop: function (e) { //apply changes to the data after an item is dropped

        dataitem = $("#grid").data("kendoGrid")).dataItem(draggedElement);

        var id = treeview.dataItem($(e.dropTarget).find("span.k-in.k-state-hover").find("span.node")).ID;// id of the drop target

kendo 将网格拖放到树视图节点

kendo drag and drop grid to treeview nodes

javascript

treeview

grid

kendo-ui