項(xiàng)目

立即下載Kendo UI for jQuery

ActionSheet項(xiàng)是用戶可以選擇的一組選項(xiàng)。

items配置允許設(shè)置ActionSheet項(xiàng)的特定屬性，您可以這樣設(shè)置它們：

• 文本
• 圖標(biāo)
• 組(項(xiàng)目可以分為兩組——頂部和底部)
• 描述
• 單擊事件處理程序名稱

下面的例子演示了ActionSheet小部件的items配置的可能選項(xiàng)：

<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