Topik ini menjelaskan API JavaScript dari WVUIActionSheet. Anda dapat merujuk ke topik ini saat membuat aplikasi HTML5 atau MiniApps. Gunakan API JavaScript dari WVUIActionSheet untuk menampilkan lembar aksi.
WVUIActionSheet.show
Menampilkan lembar aksi (daftar tombol yang muncul di bagian bawah layar).
Efek pada perangkat iOS | Efek pada perangkat Android |
|
|
Parameter Input
[
string] title: Judul lembar aksi.[
int] index: Indeks lembar aksi. Indeks digunakan untuk mengidentifikasi lembar aksi secara unik.[
array] buttons: Array tombol yang ditampilkan dalam lembar aksi. Setiap item dalam array adalah string yang menunjukkan judul tombol.Lembar aksi selalu mencakup tombol tambahan: tombol Batal.
Parameter Callback
Tidak ada parameter callback yang tersedia. Jika lembar aksi berhasil ditampilkan, callback success akan dipanggil. Sebaliknya, callback failure akan dipanggil.
Mendengarkan Event
Event wv.actionsheet menunjukkan bahwa Anda menanggapi lembar aksi.
Parameter event:
[
string] type: Teks tombol yang Anda ketuk.[
int] _index: Indeks lembar aksi.
Jika Anda mengetuk tombol Batal atau mengetuk area di luar UI lembar aksi pada perangkat iOS, event dengan tipe cancel akan dipicu.
Jika Anda mengetuk tombol Batal pada perangkat Android, sebuah event tanpa properti
typeakan dipicu. Jika Anda mengetuk area di luar UI lembar aksi pada perangkat Android, tidak ada event yang dipicu.
document.addEventListener('wv.actionsheet', function(e) {
alert(JSON.stringify(e.param));
}, false);
var params = {
// Judul dari lembar aksi.
title: 'Pilih sebuah tombol!',
// Indeks dari lembar aksi.
_index: 32768,
// Tombol-tombol yang ditampilkan dalam lembar aksi.
buttons: ['Tombol 1', 'Tombol 2', 'Tombol 3', 'Tombol 4', 'Tombol 5']
};
window.WindVane.call('WVUIActionSheet', 'show', params, function(e) {
}, function(e) {
alert('kegagalan: ' + JSON.stringify(e));
});

