New to Kendo UI for jQuery? Start a free 30-day trial

Destroy

methods

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.

destroy

<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>