Items
The ActionSheet items are set of options that users can choose from.
The Items configuration allows you to set specific attributes of the ActionSheet items. You can set their:
- Text
- Icon
- Group (items can be segregated in two groups - top and bottom)
- Description
- Click event handler name
The following example demonstrates the possible options for the Items configuration of the ActionSheet component.
@(Html.Kendo().ActionSheet()
.Name("actionsheet")
.Title("Select item")
.Items(items =>
{
items.Add().Text("Edit Item").IconClass("k-icon k-i-edit").Description("Select to enter edit mode.").Click("onClick");
items.Add().Text("Add to Favorites").IconClass("k-icon k-i-heart").Click("onClick");
items.Add().Text("Upload New").IconClass("k-icon k-i-upload").Click("onClick");
items.Add().Text("Cancel").IconClass("k-icon k-i-cancel").Group("bottom").Click("onClick");
})
)
<script>
function onClick(e) {
e.preventDefault();
var actionsheet = $("#actionsheet").data("kendoActionSheet");
actionsheet.close();
}
</script>