How to Destory kendo window popup in close action in kendo UI

Question

Am using kendo window for popup, when click on close anchor tag, it will close model window, but it sits in DOM. I wanted to destroy the model pop up. Below is my code. I tried this.destory() in close action, but it is not destroying. Please help me.

var selectRowsDialog = $("#select-Rows-dialog").kendoWindow({
            width: "800px",
            title: "Select rows",
            autoOpen: false,
            closable: true,
            modal: true,
            visible: false,
            close: function () { 
            },       
        }).data("kendoWindow").center().open();

Answer 1

The best way is to destroy() the Window instance in its deactivate event. In this way you will not lose the closing animation.

<div id="window">Kendo UI Window here</div>

<script>
  $("#window").kendoWindow({
    deactivate: function(e) {
      e.sender.destroy();
    }
  });
</script>