JSFiddle - React, Tailwind, and code Playground

by scaillerie

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.913/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.913/styles/kendo.blueopal.min.css">
<script src="http://cdn.kendostatic.com/2012.2.913/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.913/js/kendo.aspnetmvc.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.913/js/kendo.web.min.js"></script>
<div id="example" class="k-content">
    <div class="demo-section">
        <div id="treeview-left">
    </div>
</div>

JavaScript

function HierarchyDragEnd(e) {
    alert("here");
}

$("#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" }
        ] }
    ],
    dragend: HierarchyDragEnd
}).data("kendoTreeView");