destroy

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

Example

<div data-role="view">
  <ul id="buttongroup" data-role="buttongroup">
    <li>Option 1</li>
    <li>Option 2</li>
    <li>Option 3</li>
  </ul>

  <a data-role="button" data-click="destroy">Destroy the ButtonGroup</a>
</div>

<script>
var app = new kendo.mobile.Application();

function destroy() {
  $("#buttongroup").data("kendoMobileButtonGroup").destroy(); //detach events
  $("#buttongroup").remove(); //remove the button from the DOM
}
</script>