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

时间:2016-04-14 13:40:24

标签: javascript kendo-ui grid treeview

我有一个剑道网格和一个剑道树视图。我想从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) {

  }
});

1 个答案:

答案 0 :(得分:1)

**这对我有用:

步骤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>

<强>步骤2:

$(&#34;#文件夹&#34)。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