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 widget:

    <div id="actionsheet"></div>
    <script>
        var actionsheet = $('#actionsheet').kendoActionSheet({
        title:'Select item',
        items:[
            {
              text: 'Edit Item',
              iconClass: 'k-icon k-i-edit',
              description: "Select to enter edit mode.",
              click: onClick
            },
            {
              text: 'Add to Favorites',
              iconClass: 'k-icon k-i-heart',
              click: onClick
            },
            {
              text: 'Cancel',
              iconClass: 'k-icon k-i-cancel',
              group: 'bottom',
              click: onClick
            },
        ]
        }).data('kendoActionSheet');

        function onClick(e) {
            e.preventDefault();
            actionsheet.close();
        }
        actionsheet.open();
        setTimeout(function(){actionsheet.close()},2000)
</script

See Also

• Items demo of the ActionSheet
• JavaScript API Reference of the ActionSheet