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

    Open In Dojo
    <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