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

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


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

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

var app = new;

function destroy() {
  $("#buttongroup").data("kendoMobileButtonGroup").destroy(); //detach events
  $("#buttongroup").remove(); //remove the button from the DOM
In this article