Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
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....
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>
Tanggapan
Saya akan coba dulu, terima kasih.
<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>
Tanggapan
Ok,saya akan coba dulu.terima kasih atas masukannya...