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

Events

You can subscribe to all ToolBar events and then use them to further customize the behavior of the ToolBar.

The example below demonstrates how to use the Click event that the ToolBar triggers when the user clicks on a tool.

    @using Kendo.Mvc.UI

    @(Html.Kendo().ToolBar()
        .Name("ToolBar")
        .Items(items =>
        {
            items.Add().Type(CommandType.Button).Text("Button 1").Id("button1");
            items.Add().Type(CommandType.Button).Text("Button 2").Id("button2");
            items.Add().Type(CommandType.Separator);
            items.Add().Type(CommandType.SplitButton).Text("Split Button").Id("mainButton").MenuButtons(menuButtons =>
            {
                menuButtons.Add().Text("Action 1").Id("action1");
                menuButtons.Add().Text("Action 2").Id("action2");
                menuButtons.Add().Text("Action 3").Id("action3");
            });
        })
        .Events(e => e.Click("onClick"))
    )

    <script>
        function onClick(e) {
            console.log("ToolBar 'click' event is fired for element with id: " + e.id);
        }
    </script>

Next Steps

See Also

In this article