drag

Triggered when a pane is dragged.

Example - subscribing to the drag event during initialization

<div style="height:500px; width:1000px">
    <div id="dockmanager"></div>
</div>
<script>
$("#dockmanager").kendoDockManager({
            drag: function(e){
                // pane is dragged
            },
            rootPane: {
                type: "split",
                orientation: "vertical",
                panes: [{
                        type: "content",
                        title: "Pane title",
                        content: "Pane 1"
                    },{
                        type: "content",
                        title: "Pane 2",
                        content: "Pane 2"
                    }]
            }
        });
</script>

Example - subscribing to the drag event after initialization

<div style="height:500px; width:1000px">
    <div id="dockmanager"></div>
</div>
<script>
function pane_drag(e) {
  // pane is dragged
}
$("#dockmanager").kendoDockManager({
            rootPane: {
                type: "split",
                orientation: "vertical",
                panes: [{
                        type: "content",
                        title: "Pane title",
                        content: "Pane 1"
                    },{
                        type: "content",
                        title: "Pane 2",
                        content: "Pane 2"
                    }]
            }
        });
var dockmanager = $("#dockmanager").data("kendoDockManager");
dockmanager.bind("close", pane_drag);
</script>
In this article