destroy

Prepares the ListView for safe removal from DOM. Detaches all event handlers and removes jQuery.data attributes to avoid memory leaks. Calls destroy method of any child Kendo widgets.

Important: This method does not remove the ListView element from DOM.

Example

<button id="destroy">Destroy and remove ListView</button>
<div id ="listView"></div>
<script>
  $("#listView").kendoListView({
    dataSource: {
      data: [
        { name: "Jane Doe" },
        { name: "John Doe" }
      ]
    },
    template: "<div>#:name#</div>"
  });

  $("#destroy").click(function(){
    $("#listView").data("kendoListView").destroy(); // destroy the ListView

    $("#listView").remove(); // remove all ListView HTML
  });
</script>
In this article