Blogcahti: Membuat Alert Dialog Javascript untuk Confirm Delete Database CodeIgniter 4

Membuat Alert Dialog Javascript untuk Confirm Delete Database CodeIgniter 4

Alert Dialog Javascript untuk Confirm Delete Database - Pada tutorial kali ini akan sedikit simple yaitu menambahkan javascript sebagai alert dialog. Ketika kita ingin menghapus database pastinya membutuhkan konfirmasi penghapusan. Tujuannya adalah supaya kita benar-benar yakin dengan mengkonfirmasi ulang database apa yang akan dihapus.

Pada CodeIgniter, dengan menggunakan base_url() maka files javascript akan dieksekusi di direktori VIEW yang merupakan client-side. Kamu tidak bisa menulis javascript pada server-side. Intinya kamu tidak bisa mencampur adukan kedua hal tersebut karena hal tersebut berbeda.

1. Tambahkan script berikut didalam file php pada direktori VIEW

<script type="text/javascript" src="<?=base_url()?>js/jquery.js" ></script>
<script type="text/javascript" src="<?=base_url()?>js/ajax.js" ></script>

2. Lalu tambahkan script ini didalam file php pada Controller

$this->load->helper('url');

3. Kembali ke direktori VIEW, pada file tambahkan

<script type="text/javascript">

    function confirmDelete() {

        return confirm('Are you sure want to delete this record?');

</script>

4. Terakhir, perhatikan letak tombol atau link delete. Tambahkan script berikut didalam tag html

onclick="return confirmDelete();"

Sebagai contoh :

 <a href="/bengkel/delete/<?= $row['idBengkel'];?>" onclick="return confirmDelete();">Delete</a>

Sekian tutorial tentang Membuat Alert Dialog Javascript untuk Confirm Delete Database CodeIgniter 4. Jika ada yang ingin ditanyakan, silahkan berkomentar.

Terimakasih telah mengunjungi blogcahti, semoga bermanfaat.