項目

立即下載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