Postingan lainnya

Cara Membuat tombol hapus data didalam halaman Edit data dengan Laravel atau Javascript

Jadi saya ingin membuat atau menambahkan tombol hapus data didalam halaman edit data seperti ini,

edit_halaman.png36.76 KB

Ketika saya klik tombol icon X (Hapus) itu maka data nama produk dan beserta data-data lainnya akan hilang tapi sementara dg kata lain pada penyimpanan database data tsb masih ada. Nah, jika baru saya klik tombol simpan maka data tsb akan terhapus scr permanen. Itu gimana ya cara buatnya dengan menggunakan javascript ataupun laravel?

Mohon bantuannya, terima kasih....

laravel javascript php

@sweetcorn123

15 Kontribusi 2 Poin

Diperbarui 1 tahun yang lalu

2 Jawaban:

<div>Terkait hal ini, kamu bisa melakukan manipulasi DOM didalam tabel tersebut menggunakan javascript.<br>namun agar lebih mudah saya sarankan untuk menggunakan jquery.<br><br>sumber referensi:<br>https://stackoverflow.com/questions/11553768/remove-table-row-after-clicking-table-row-delete-button.<br>https://www.w3schools.com/jsref/met_table_deleterow.asp<br>https://www.codegrepper.com/code-examples/javascript/javascript+delete+table+row%27%27+onclick<br><br>semoga membantu.<br><br>berikut adalah contoh code untuk menghapus spesifik row/baris berdasarkan click trigger.</div><pre>$('table').on('click', 'input[type="button"]', function(e){ $(this).closest('tr').remove() })</pre>

@AhmadHaidarAlbaqir

19 Kontribusi 3 Poin

Dipost 1 tahun yang lalu

Tanggapan

Saya akan coba dulu, terima kasih.

@sweetcorn123

<div>Gunakan teknik ajax, jadi ketika user klik tombol hapus data, maka kita trigger sebuah ajax request yang dikirimkan ke backend. Setelah proses hapus via backend berhasil, tinggal remove aja element row datanya dari tabel via Javascript.</div>

@ahanafi

815 Kontribusi 552 Poin

Dipost 1 tahun yang lalu

Tanggapan

Ok,saya akan coba dulu.terima kasih atas masukannya...

@sweetcorn123