Javascript Kendo UI TreeView拖放获取目标（已删除）TreeView对象

我有两个具有拖放功能的TreeView结构。 两个TreeView中的节点可以相互拖放

如果我将一些内容从源拖到目标，我希望在控制台中更新目标列表

作为参考，您可以查看

在这个演示中，我可以将一些内容从一个类别移动到另一个类别，但我希望捕获包含所有子类别的类别的更新列表

下面是我的代码片段

<div id="example">
        <div class="demo-section k-content">
            <h4>Treeview One</h4>
            <div id="treeview-left"></div>
            <h4 style="padding-top: 2em;">Treeview Two</h4>
            <div id="treeview-right"></div>
        </div>

        <script>
            $("#treeview-left").kendoTreeView({
                dragAndDrop: true,
                dataSource: [
                    { text: "Furniture", expanded: true, items: [
                        { text: "Tables & Chairs" },
                        { text: "Sofas" },
                        { text: "Occasional Furniture" }
                    ] },
                    { text: "Decor", items: [
                        { text: "Bed Linen" },
                        { text: "Curtains & Blinds" },
                        { text: "Carpets" }
                    ] }
                ]
            });

            $("#treeview-right").kendoTreeView({
                dragAndDrop: true,
                dataSource: [
                    { text: "Storage", expanded: true, items: [
                        { text: "Wall Shelving" },
                        { text: "Floor Shelving" },
                        { text: "Kids Storage" }
                    ]
                    },
                    { text: "Lights", items: [
                        { text: "Ceiling" },
                        { text: "Table" },
                        { text: "Floor" }
                    ]
                    }
                ]
            });
        </script>

树景一号
树景二
$（“#树视图左”）.kendoTreeView({
dragAndDrop：没错，
数据源：[
{文本：“家具”，扩展：真，项目：[
{正文：“桌椅”}，
{文本：“沙发”}，
{正文：“临时家具”}
] },
{文本：“装饰”，项目：[
{正文：“床单”}，
{文本：“窗帘和百叶窗”}，
{文本：“地毯”}
] }
]
});
$（“#树视图右”）.kendoTreeView({
dragAndDrop：没错，
数据源：[
{文本：“存储”，扩展：true，项：[
{正文：“墙架”}，
{正文：“地板架”}，
{文本：“儿童存储”}
]
},
{文本：“灯光”，项目：[
{案文：“上限”}，
{text:“表”}，
{正文：“发言”}
]
}
]
});

我怎样才能做到这一点？ 谢谢

我已经创建了一个

您将需要将两个Treeview的绑定到一个函数，然后您可以从那里获得目标Treeview列表。以下是演示的片段：

function tree_dragend(e) {
  alert("See your console");
  console.log("Drag end sourceNode = ", e.sourceNode, "dropPosition = ", e.dropPosition, "destinationNode = ", e.destinationNode);

  var destinationTreeviewDOMElement = $( e.destinationNode ).closest( "div.k-treeview" );
  console.log("destinationTreeviewDOMElement = ", destinationTreeviewDOMElement);

  var destinationTreeview = $(destinationTreeviewDOMElement).data("kendoTreeView");
  console.log("destinationTreeview = ", destinationTreeview);

  console.log("destinationTreeviewData = ", destinationTreeview.dataSource.data());
}

var treeview_left = $("#treeview-left").data("kendoTreeView");
var treeview_right = $("#treeview-right").data("kendoTreeView");

treeview_left.bind("dragend", tree_dragend);
treeview_right.bind("dragend", tree_dragend);

---

请分享你的代码，说明你曾尝试过什么far@RahulGupta我已经更新了我的问题，请看一看