New to Telerik UI for ASP.NET MVC? Download free 30-day trial


The DropDownButton component exposes the Click(), Open(), and Close() events that you can handle and further customize the functionality of the component.

For a complete example on basic DropDownButton events, refer to the demo on using the events of the DropDownButton.

        .Text("User Settings")
            items.Add().Id("profile").Text("My Profile").Icon("image");
            items.Add().Id("friend-request").Text("Friend Requests").Icon("tell-a-friend");
            items.Add().Id("settings").Text("Account Settings").Icon("gear");
            items.Add().Id("logout").Text("Log Out").Icon("logout");

        function onClick(e) {
            console.log("event :: click (#" + + ")" );

        function onOpen(e) {
            console.log("event :: open" );

        function onClose(e) {
            console.log("event :: close" );

Next Steps

See Also

In this article