概述

立即下载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支持各种可访问性标准。