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.

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