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',
              iconClass: 'k-icon k-i-edit',
              click: onClick
          },
          {
              text: 'Add to Favorites',
              iconClass: 'k-icon k-i-heart',
              click: onClick
          },
          {
              text: 'Upload New',
              iconClass: 'k-icon k-i-upload',
              click: onClick
          },
          {
              text: 'Cancel',
              iconClass: 'k-icon k-i-cancel',
              group: 'bottom',
              click: onClick
          },
      ]
  }).data('kendoActionSheet');

  actionsheet.open();
  function onClick(e) {
      e.preventDefault();
      actionsheet.close();
  }
  actionsheet.destroy();
</script>
In this article
Not finding the help you need? Improve this article