Example - subscribing to the dragEnd event during initialization
<div style="height:500px; width:1000px">
<div id="dockmanager"></div>
</div>
<script>
$("#dockmanager").kendoDockManager({
dragEnd: function(e){
// dragging has finished
},
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 dragEnd event after initialization
<div style="height:500px; width:1000px">
<div id="dockmanager"></div>
</div>
<script>
function pane_dragEnd(e) {
// dragging has finished
}
$("#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_dragEnd);
</script>