Simple TreeView Drop Example

A simple example of the TreeView widget for Kendo UI Web. This example demonstrates how to cancel a drop operation.

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<div id="treeView"></div>

JavaScript

function onDrop(e) {
    e.setValid(false);
}

$("#treeView").kendoTreeView({
    dragAndDrop: true,
    drop: onDrop,
    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"}
        ]}
    ]
});