概述

立即下載Kendo UI for jQuery

Kendo UI ActionSheet是一個對話框并顯示了一組供用戶選擇的選項，它會出現在應用程序內容的頂部，用戶必須手動刪除它才能恢復與應用程序的交互。

ActionSheet是Kendo UI for jQuery的一部分，這是一個專業級的UI庫，包含110+組件，用于構建現代和功能豐富的應用程序。

初始化動作表

要初始化ActionSheet請使用<div>標簽。

下面的例子演示了如何從現有的<div>元素中初始化ActionSheet：

<div id="actionsheet"></div>
<script>
var actionsheet = $('#actionsheet').kendoActionSheet({
title:'Select item',
items:[
{
text: 'Edit Item',
iconClass: 'k-icon k-i-edit',
click: onClick
},
{
text: 'Add to Favorites',
iconClass: 'k-icon k-i-heart',
click: onClick
},
{
text: 'Upload New',
iconClass: 'k-icon k-i-upload',
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

功能和特性

——配置允許您設置各種屬性，比如圖標和文本。

——組件公開的事件。

y——ActionSheet支持各種可訪問性標準。