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

<ul id="buttongroup">
    <li>Option 1</li>
    <li>Option 2</li>
    <li>Option 3</li>
</ul>

<a onclick="destroy">Destroy the ButtonGroup</a>

<script>
    $("#buttongroup").kendoButtonGroup();

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