项目

立即下载Kendo UI for jQuery

ActionSheet项是用户可以选择的一组选项。

items配置允许设置ActionSheet项的特定属性，您可以这样设置它们：

• 文本
• 图标
• 组(项目可以分为两组——顶部和底部)
• 描述
• 单击事件处理程序名称

下面的例子演示了ActionSheet小部件的items配置的可能选项：

<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