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

Hide

events

Fired when the Kendo UI Drawer is about to be hidden. The event can be prevented by calling the preventDefault method of the event parameter.

hide

Event Data

e.sender `kendo.ui.Drawer`

The widget instance which fired the event.

<div id="drawer">
        <div>Content area content.</div>
    </div>
    <script>
        $(document).ready(function() {
            var drawerInstance = $("#drawer").kendoDrawer({
                mode: "push",
                template: `<ul><li data-role='drawer-item'><span class='k-icon k-i-star'></span><span class='item-text'>item 1</span></li><li data-role='drawer-separator'></li><li data-role='drawer-item'><span class='k-icon k-i-x-logo'></span><span class='item-text'>item 2</span></li></ul>`,
                position: 'left',
                hide: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
                    console.log("Drawer is about to be hidden");
                }

            }).data("kendoDrawer");
        });
    </script>

Hide

hide

Event Data

e.sender kendo.ui.Drawer

e.sender `kendo.ui.Drawer`