Laravel dan Android Tutorial

Blogger news

Alert Delete pada Laravel dengan SweetAlert2

7 komentar
pada saat akan menghapus data, tentu sebaiknya ditampilkan semacam notifikasi untuk mencegah terjadinya salah pencet. pada laravel bisa menggunakan SweetAlert2.


caranya seperti berikut, pertama import javascript. bisa memakai CDN atau mendownload file javascript dari situs SweetAlert2.


kemudian siapkan form tombol delete. seperti gambar dibawah ini.


yang akan digunakan nantinya adalah bagian form id (karena ini di dalam perulangan maka idnya digenerate dari data yang ada). kemudian class dari button yang terakhir yaitu delete-btn, property data-judulbuku dan data-formid.

setelah itu siapkan script sweetalert2nya. bisa dipisah menggunakan blade templating.


perhatikan pada baris kedua gambar diatas $('.delete-btn') menunjuk kepada class dari button delete. baris kelima dan keenam merupakan property dari button delete. kemudian yang paling penting yaitu id form pada baris ke 17. $("#"+formid) merupakan id form yang akan disubmit untuk dihapus.

sekarang file script bisa dimasukkan setelah @foreach


selamat mencoba.

7 komentar :

  1. yang ini ko data nya ga kehapus?

    BalasHapus
    Balasan
    1. Controller nya udah benar? pastikan juga form id nya juga..

      Hapus
    2. kok sama ya um, ga ke hapus datanyaa. kenapaa ya?

      Hapus
  2. bang ko ga muncul pop up sweetalertnya ??

    BalasHapus
    Balasan
    1. versi sweet alert berapa? sama kan dengan contoh

      Hapus
  3. bang bisa liat controller deletenya?

    BalasHapus
  4. Terima kasih mas, berhasil saya :D

    BalasHapus