文檔半島外圍網上直營>>telerik中文文檔>>概述
                概述
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支持各種可訪問性標準。

 QQ交談
QQ交談 在線咨詢
在線咨詢 
                 
                
 渝公網安備
            50010702500608號
渝公網安備
            50010702500608號
             
            
 客服熱線
客服熱線