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>