全部产品
Search
文档中心

SuperApp:Daftar Aksi

更新时间:Jun 28, 2025

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

image

WVUIActionSheet_show_Android@2x.png

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.

Penting
  • 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 type akan 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));
});