destroy

Prepares the widget 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 widget element from DOM.

Example - destroy the widget

<div id="actionsheet"></div>
<script>
  var actionsheet = $('#actionsheet').kendoActionSheet({
      title:'Select item',
      items:[
          {
              text: 'Edit Item',
              icon: 'pencil',
              click: onClick
          },
          {
              text: 'Add to Favorites',
              icon: 'heart',
              click: onClick
          },
          {
              text: 'Upload New',
              icon: 'upload',
              click: onClick
          },
          {
              text: 'Cancel',
              icon: 'cancel',
              group: 'bottom',
              click: onClick
          },
      ]
  }).data('kendoActionSheet');

  actionsheet.open();
  function onClick(e) {
      e.preventDefault();
      actionsheet.close();
  }
  actionsheet.destroy();
</script>
In this article