Sweetalert: Tambahkan beberapa nama kelas ke tombol

Dibuat pada 11 Okt 2017 · 7Komentar · Sumber: t4t5/sweetalert

Saat mencoba menyesuaikan tombol, saya ingin dapat menambahkan beberapa nama kelas seperti

 {
  text: "OK",
  value: true,
  visible: true,
  className: "class1 class2",
  closeModal: true,
}

Contoh kasus penggunaan untuk ini saat berintegrasi dengan material design lite yang memerlukan penambahan mdl-button dan mdl-js-button .

Sumber

krvajal

👍3 ❤1

Komentar yang paling membantu

Saya pikir akan lebih bagus jika Anda juga bisa melewatkan array classNames seperti
className: ["class1", "class2"]

lionralfs pada 14 Okt 2017

👍4

Semua 7 komentar

Saya pikir akan lebih bagus jika Anda juga bisa melewatkan array classNames seperti
className: ["class1", "class2"]

lionralfs pada 14 Okt 2017

👍4

Tapi ini menampilkan beberapa kesalahan seperti yang ditunjukkan di bawah ini:

Konten Kesalahan:

Argumen bertipe '{ judul: string; namakelas: string[]; nilai: bo...' tidak dapat ditetapkan ke parameter tipe 'string | '.Ketik '{ judul: string; namakelas: string[]; nilai: bo...' tidak dapat ditetapkan untuk mengetik 'Sebagian'.Jenis properti 'className' tidak kompatibel.Ketik 'string[]' tidak dapat ditetapkan untuk mengetik 'string'.

Bagaimana saya bisa mengatasi ini?

RandyRam pada 31 Okt 2017

@RandyRam , ini menampilkan kesalahan itu karena fitur itu belum diimplementasikan. Saya mengirimkan permintaan tarik yang memungkinkan penggunaan string dengan beberapa nama kelas yang dipisahkan oleh spasi seperti pada atribut class normal. Itu tidak digabungkan ke dalam basis kode tetapi dapat ditemukan di #744

krvajal pada 31 Okt 2017

Apakah fitur ini telah digabungkan? Karena saya menggunakan beberapa nama kelas (dipisahkan oleh spasi) dan saya mendapatkan kesalahan ini:

Penolakan yang Tidak Tertangani (InvalidCharacterError): Gagal mengeksekusi 'add' pada 'DOMTokenList': Token yang diberikan ('btn-link modal-cancel') berisi karakter spasi HTML, yang tidak valid dalam token.

Btw, saya menggunakan swal dengan reaksi.

phongnhat19 pada 26 Des 2017

Saya pikir itu digabung menjadi master, tetapi rilis belum ditandai, jadi
Anda harus menunjuk ke master di package.json Anda untuk mendapatkannya.

M.Sc.
Kelompok Teori Materi Terkondensasi
Pusat Atom Bariloche
CNEA

Pada Selasa, 26 Desember 2017 pukul 04:44, phongnhat19 [email protected]
menulis:

Apakah fitur ini telah digabungkan? Karena saya menggunakan beberapa nama kelas
(dipisahkan oleh spasi) dan saya mendapatkan kesalahan ini:
Penolakan Tidak Tertangani (InvalidCharacterError): Gagal menjalankan 'tambah' pada
'DOMTokenList': Token yang disediakan ('btn-link modal-cancel') berisi HTML
karakter spasi, yang tidak valid dalam token.
Btw, saya menggunakan swal dengan reaksi.
—
Anda menerima ini karena Anda yang menulis utas.
Balas email ini secara langsung, lihat di GitHub
https://github.com/t4t5/sweetalert/issues/743#issuecomment-353933234 ,
atau matikan utasnya
https://github.com/notifications/unsubscribe-auth/AFoEefJuuP1WFPuQrtZhfcmrDQd6iATHks5tEKPNgaJpZM4P0pmW
.

krvajal pada 26 Des 2017

Anda kemungkinan besar mencoba menerapkan beberapa kelas ke modal itu sendiri, bukan tombol.
Ini harus bekerja dengan baik:

swal({
  text: "test",
  buttons: {
    confirm: {
      text: "OK",
      value: true,
      visible: true,
      className: "class1 class2",
      closeModal: true
    },
    cancel: {
      text: "Cancel",
      value: false,
      visible: true,
      className: "class3 class4"
    }
  }
});

Kalau tidak: