JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.silver.min.css">
<div id="treeview-left"></div>
<div id="dialog-message" style="display: none;">
JavaScript
$("#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"
}]
}],
drop: onDrop,
});
function onDrop(e) {
var nodeText = this.text(e.sourceNode);
e.setValid(confirm("Sure you want to drop: " + nodeText));
alert(e.id);
}