New to Kendo UI for jQuery? Start a free 30-day trial

Destroy

methods

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.

destroy

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