javascript - kendo 将网格拖放到 TreeView 节点

Question

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

$("#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

**这对我有用:

第一步: 为 TreeView 添加此模板:**

<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