API JavaScript WVUIActionSheet memungkinkan Anda menampilkan action sheet di aplikasi HTML5 atau Mini Apps.
WVUIActionSheet.show
Menampilkan action sheet, yaitu daftar opsi yang muncul di bagian bawah layar.
iOS | Android |
|
|
Parameter input
[
string] title: Judul action sheet.[
int] _index: Indeks unik untuk mengidentifikasi action sheet.[
array] buttons: Array berisi string, dengan setiap string merepresentasikan judul tombol.Action sheet selalu menyertakan tombol Cancel tambahan.
Parameter callback
Tidak ada parameter callback. Callback sukses dipanggil saat action sheet berhasil ditampilkan, sedangkan callback gagal dipanggil jika sebaliknya.
Mendengarkan event
Event wv.actionsheet dipicu ketika pengguna merespons action sheet.
Parameter event:
[
string] type: Judul tombol yang diketuk.[
int] _index: Indeks action sheet.
Pada iOS, mengetuk tombol Cancel atau area di luar action sheet memicu event dengan parameter type bernilai 'Cancel'.
Pada Android, mengetuk tombol Cancel memicu event yang tidak berisi properti
type. Mengetuk area di luar action sheet tidak memicu event apa pun.
document.addEventListener('wv.actionsheet', function(e) {
alert(JSON.stringify(e.param));
}, false);
var params = {
// Judul action sheet.
title: 'Choose a button!',
// Indeks action sheet.
_index: 32768,
// Tombol yang ditampilkan di action sheet.
buttons: ['Button 1', 'Button 2', 'Button 3', 'Button 4', 'Button 5']
};
window.WindVane.call('WVUIActionSheet', 'show', params, function(e) {
}, function(e) {
alert('failure: ' + JSON.stringify(e));
});