close

Triggered when the pane is closed.

Example - subscribing to the close event during initialization

<div style="height:500px; width:1000px">
    <div id="dockmanager"></div>
</div>
<script>
$("#dockmanager").kendoDockManager({
            close: function(e){
                // pane is closed
            },
            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 close event after initialization

<div style="height:500px; width:1000px">
    <div id="dockmanager"></div>
</div>
<script>
function pane_close(e) {
  // pane is closed
}
$("#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_close);
</script>
In this article