JSFiddle - React, Tailwind, and code Playground

by ciantrius

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>

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) {
    if (confirm("Sure you want to drop: " + this.text(e.sourceNode))) {
        // do some database stuff to really move the node
    } else {
        e.preventDefault();
    }
}