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

Events

The Telerik UI ActionSheet for ASP.NET MVC exposes multiple events that allow you to control the behavior of the UI component.

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

The following example demonstrates how you can subscribe to the Open and Close events of the component.

    @(Html.Kendo().ActionSheet()
        .Name("actionsheet")
        .Title("Select item")
        .Items(items =>
        {
            items.Add().Text("Edit Item").IconClass("k-icon k-i-edit");
            items.Add().Text("Add to Favorites").IconClass("k-icon k-i-heart");
            items.Add().Text("Upload New").IconClass("k-icon k-i-upload");
            items.Add().Text("Cancel").IconClass("k-icon k-i-cancel").Group("bottom");
        })
        .Events(e => 
        {
            e.Open("onOpen");
            e.Close("onClose");
        })
    )

    <script>
        function onOpen() {
            console.log("Open")
            // Custom logic when the ActionSheet opens.
        }

        function onClose() {
            console.log("Close")
            // Custom logic when the ActionSheet closes.
        }
    </script>

Next Steps

See Also

In this article