Cara Buat Update Data dengan Modal Bootstrap di Codeigniter 3 PHP

Pemrograman PHP Source Code Tutorial

Pada kesempatan kali ini saya akan membagikan sebuah tutorial yaitu “Cara Buat Update Data dengan Modal Bootstrap di Codeigniter 3 PHP”. Modal Bootstrap sendiri merupakan pop-up dialog kotak yang biasanya digunakan unutk melakukan konfirmasi, tapi sering juga digunakan untuk insert, update maupun lainnya. Ok agan siapkan kopi, agar fresh, langsung saja ketutorialnya.

Apa yang perlu disiapkan ?

 

Cara Buat Update Data dengan Modal Bootstrap di Codeigniter 3 PHP

Buat Update Data dengan Modal Bootstrap di Codeigniter 3

  • Pertama pastekan file codeigniter 3 kalian di htdocs xampp dan ganti nama folder codeigniter dengan nama “modal”, dan juga buat folder “assets” di folder modal.
  • Buat database di phpmyadmin dengan nama “pengaduan”, lalu setting config dan database di Application/Config. atau bisa copy script db nya dibawah.
— phpMyAdmin SQL Dump
— version 5.2.0
— https://www.phpmyadmin.net/

— Host: 127.0.0.1
— Generation Time: Oct 02, 2022 at 06:37 PM
— Server version: 10.4.24-MariaDB
— PHP Version: 7.4.29

SET SQL_MODE = “NO_AUTO_VALUE_ON_ZERO”;
START TRANSACTION;
SET time_zone = “+00:00”;

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;


— Database: `pengaduan`

— ——————————————————–


— Table structure for table `petugas`

CREATE TABLE `petugas` (
  `id_petugas` int(11) NOT NULL,
  `nama_petugas` varchar(35) NOT NULL,
  `username` varchar(25) NOT NULL,
  `password` varchar(225) NOT NULL,
  `telp` varchar(13) NOT NULL,
  `alamat` varchar(100) NOT NULL,
  `email` varchar(100) CHARACTER SET latin1 COLLATE latin1_danish_ci NOT NULL,
  `level` enum(‘admin’,’petugas’) NOT NULL,
  `foto_profile` varchar(225) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;


— Dumping data for table `petugas`

INSERT INTO `petugas` (`id_petugas`, `nama_petugas`, `username`, `password`, `telp`, `alamat`, `email`, `level`, `foto_profile`) VALUES
(8, ‘administrator’, ‘admin1’, ‘$2y$10$9XasTpHIpJYmBYcuBHQJy.mkU06Wtaku98.liSwUaiEwTtaV9.yS2’, ‘08574656464’, ”, ”, ‘admin’, ‘user.png’),
(9, ‘Meriana kasih’, ‘Meri’, ‘$2y$10$nhFuStyzh/OmESTxJlEWWeqV3PzBWCthR6e9jUroSvGcHZRT/PkPe’, ‘08955557777’, ‘Sumba Barat’, ”, ‘petugas’, ‘user.png’),
(10, ‘stefanus sudas’, ‘stefanus’, ‘$2y$10$oqlZADRrpEaR2aOgi8BFoeBfQhwwrMdO1qVGVrvaZ5RCKy6OhU42W’, ‘08955557766’, ‘Teuku umar barat’, ”, ‘petugas’, ‘user.png’),
(11, ‘stefanus ‘, ‘stef’, ‘$2y$10$8dQCdSaVTMkbGKquznUzhOylbPZrteyk5u3k5KB.2ZyJM8Ay2XtG2’, ‘08265676’, ‘bali indo’, ‘joko@gamail.com’, ‘petugas’, ‘user.png’),
(13, ‘Admin’, ‘admin’, ‘$2y$10$zAgpAJwjwBa0GffSP35ErejQ5fq29MuBKMmXDsSopSnsuHYPm1lGy’, ‘08955557709’, ‘TES alamat’, ‘tes@gamail.com’, ‘admin’, ‘user.png’),
(14, ‘efanus’, ‘efann’, ‘$2y$10$OFWHnSO15bDKiaB8eHbUXuZ8BjDo0alA2qHpY7plc9kk2.jO9vvh6’, ‘0895555777’, ‘baliku’, ‘jjkkhkh@gmail.com’, ‘petugas’, ‘user.png’);


— Indexes for dumped tables


— Indexes for table `petugas`

ALTER TABLE `petugas`
  ADD PRIMARY KEY (`id_petugas`),
  ADD UNIQUE KEY `username` (`username`);


— AUTO_INCREMENT for dumped tables


— AUTO_INCREMENT for table `petugas`

ALTER TABLE `petugas`
  MODIFY `id_petugas` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=15;
COMMIT;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

  • Buat controller dengan nama PetugasController.php, di Application/Controller.Ketikkan atau copy script dibawah di file PetugasController.php.
<?php
defined(‘BASEPATH’) OR exit(‘No direct script access allowed’);

class PetugasController extends CI_Controller {

    public function __construct()
    {
        parent::__construct();
        //Load Dependencies
        
        $this->load->model(‘Petugas_m’);
    }

    // List all your items
    public function index()
    {
        $data[‘title’] = ‘Tambah Petugas’;
        $data[‘data_petugas’] = $this->db->get(‘petugas’)->result_array();

        $this->form_validation->set_rules(‘nama’,’Nama’,’trim|required|alpha_numeric_spaces’);
        $this->form_validation->set_rules(‘username’,’Username’,’trim|required|alpha_numeric_spaces|callback_username_check’);
        $this->form_validation->set_rules(‘password’,’Password’,’trim|required|alpha_numeric_spaces|min_length[6]|max_length[15]’);
        $this->form_validation->set_rules(‘telp’,’Telp’,’trim|required|numeric’);
        $this->form_validation->set_rules(‘alamat’,’Alamat’,’trim|required|alpha_numeric_spaces’);
        $this->form_validation->set_rules(’email’,’Email’,’trim|required’);
        $this->form_validation->set_rules(‘level’,’Level’,’trim|required’);

        if ($this->form_validation->run() == FALSE) :
            
            $this->load->view(‘petugas’, $data);
            
        else :
            $params = [
                ‘nama_petugas’            => htmlspecialchars($this->input->post(‘nama’,TRUE)),
                ‘username’                => htmlspecialchars($this->input->post(‘username’,TRUE)),
                ‘password’                => password_hash(htmlspecialchars($this->input->post(‘password’,TRUE)), PASSWORD_DEFAULT),
                ‘telp’                    => htmlspecialchars($this->input->post(‘telp’,TRUE)),
                ‘alamat’            => htmlspecialchars($this->input->post(‘alamat’,TRUE)),
                ’email’            => htmlspecialchars($this->input->post(’email’,TRUE)),
                ‘level’                    => htmlspecialchars($this->input->post(‘level’,TRUE)),
                ‘foto_profile’            => ‘user.png’,
            ];

            $resp = $this->Petugas_m->create($params);

            if ($resp) :
                $this->session->set_flashdata(‘msg’,'<div class=”alert alert-primary” role=”alert”>
                    Buat akun petugas berhasil
                    </div>’);

                redirect(‘PetugasController’);
            else :
                $this->session->set_flashdata(‘msg’,'<div class=”alert alert-danger” role=”alert”>
                    Buat akun petugas berhasil!
                    </div>’);

                redirect(‘PetugasController’);
            endif;
        endif;
    }

    public function delete($id)
    {

    $id_petugas = htmlspecialchars($id); // id petugas

    $cek_data = $this->db->get_where(‘petugas’,[‘id_petugas’ => $id_petugas])->row_array();
    
    if ( ! empty($cek_data)) :
        $resp = $this->db->delete(‘petugas’,[‘id_petugas’ => $id_petugas]);

        if ($resp) :
            $this->session->set_flashdata(‘msg’,'<div class=”alert alert-primary” role=”alert”>
                Akun berhasil dihapus
                </div>’);

            redirect(‘PetugasController’);
        else :
            $this->session->set_flashdata(‘msg’,'<div class=”alert alert-danger” role=”alert”>
                Akun gagal dihapus!
                </div>’);

            redirect(‘PetugasController’);
        endif;
    else :
        $this->session->set_flashdata(‘msg’,'<div class=”alert alert-danger” role=”alert”>
            Data tidak ada
            </div>’);

        redirect(‘PetugasController’);
    endif;

}

public function edit($id)
{
        $id_petugas = htmlspecialchars($id); // id petugas

        $cek_data = $this->db->get_where(‘petugas’,[‘id_petugas’ => $id_petugas])->row_array();

        if ( ! empty($cek_data)) :

            

            $params = [
                ‘nama_petugas’            => htmlspecialchars($this->input->post(‘nama’,TRUE)),
                ‘telp’                    => htmlspecialchars($this->input->post(‘telp’,TRUE)),
                ‘alamat’            => htmlspecialchars($this->input->post(‘alamat’,TRUE)),
                ’email’            => htmlspecialchars($this->input->post(’email’,TRUE)),
                ‘level’                    => htmlspecialchars($this->input->post(‘level’,TRUE)),
            ];

            $resp = $this->db->update(‘petugas’,$params, [‘id_petugas’ => $id_petugas]);

            if ($resp) :
                $this->session->set_flashdata(‘msg’,'<div class=”alert alert-primary” role=”alert”>
                    Akun petugas berhasil di edit
                    </div>’);

                redirect(‘PetugasController’);
            else :
                $this->session->set_flashdata(‘msg’,'<div class=”alert alert-danger” role=”alert”>
                    Akun petugas gagal di edit!
                    </div>’);

                redirect(‘PetugasController’);
            endif;

        else :
            $this->session->set_flashdata(‘msg’,'<div class=”alert alert-danger” role=”alert”>
                Data tidak ada
                </div>’);

            redirect(‘PetugasController’);
        endif;
    }    

    
}

/* End of file PetugasController.php */
/* Location: ./application/controllers/PetugasController.php */

  • Selanjutnya buat view di Application/View, dengan nama petugas.php. Ketikkan juga script dibawah ke file petugas.php.
<!DOCTYPE html>
<html lang=”en”>

<head>

  <meta charset=”utf-8″>
  <meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
  <meta name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no”>
  <meta name=”description” content=””>
  <meta name=”author” content=””>

  <title><?= $title ?></title>

  <!– Custom fonts for this template–>
  <link href=”<?= base_url() ?>assets/vendor/fontawesome-free/css/all.min.css” rel=”stylesheet” type=”text/css”>
  <!– Google Fonts –>
  <link href=”https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i” rel=”stylesheet”>
  <link href=”https://fonts.googleapis.com/css?family=Lora:700|Montserrat:200,400,600|Pacifico&display=swap” rel=”stylesheet”>

  <!– Custom styles for this template–>
  <link href=”<?= base_url() ?>assets/css/sb-admin-2.min.css” rel=”stylesheet”>

</head>

<body id=”page-top”>

  <style>
   body {
    font-family: Montserrat;
  }
</style>
<div id=”wrapper”>

  <!– Sidebar –>
  <ul class=”navbar-nav bg-gradient-primary sidebar sidebar-dark accordion” id=”accordionSidebar”>

    <!– Sidebar – Brand –>
    <a class=”sidebar-brand d-flex align-items-center justify-content-center” href=”index.html”>
      <div class=”sidebar-brand-icon rotate-n-15″>
        <!– <i class=”fas fa-laugh-wink”></i> –>
      </div>
      <div class=”sidebar-brand-text mx-3″>Pengaduan Masyarakat Lumbu Manggit</div>
    </a>
    
    
    <hr class=”sidebar-divider my-0″>

    <!– Nav Item – Dashboard –>
    <li class=”nav-item active”>
      <a class=”nav-link” href=”#”>
        <i class=”fas fa-fw fa-tachometer-alt”></i>
        <span>Dashboard</span></a>
      </li>
     

      <!– Divider –>
      <hr class=”sidebar-divider”>

      <!– Heading –>
      <div class=”sidebar-heading”>
        User
      </div>

      <!– Nav Item – Pages Collapse Menu –>
      

      <li class=”nav-item”>
        <a class=”nav-link collapsed” href=”#” data-toggle=”collapse” data-target=”#collapseUtilities” aria-expanded=”true” aria-controls=”collapseUtilities”>
          <i class=”fas fa-fw fa-wrench”></i>
          <span>Petugas</span>
        </a>
        <div id=”collapseUtilities” class=”collapse” aria-labelledby=”headingUtilities” data-parent=”#accordionSidebar”>
          <div class=”bg-white py-2 collapse-inner rounded”>
            <h6 class=”collapse-header”>Petugas:</h6>
            <a class=”collapse-item” href=”<?= base_url(‘PetugasController’); ?>”>Petugas</a>
          </div>
        </div>
      </li>
    </ul>
    <!– End of Sidebar –>
 <!– Content Wrapper –>
 <div id=”content-wrapper” class=”d-flex flex-column”>

<!– Main Content –>
<div id=”content”>

  <!– Topbar –>
  <nav class=”navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow”>

    <!– Sidebar Toggle (Topbar) –>
    <button id=”sidebarToggleTop” class=”btn btn-link d-md-none rounded-circle mr-3″>
      <i class=”fa fa-bars”></i>
    </button>

    <!– Topbar Navbar –>
    <ul class=”navbar-nav ml-auto”>

      <div class=”topbar-divider d-none d-sm-block”></div>

      <!– Nav Item – User Information –>
      <li class=”nav-item dropdown no-arrow”>
        <a class=”nav-link dropdown-toggle” href=”#” id=”userDropdown” role=”button” data-toggle=”dropdown” aria-haspopup=”true” aria-expanded=”false”>
          <span class=”mr-2 d-none d-lg-inline text-gray-600 small”></span>
          <img class=”img-profile rounded-circle” src=””>
        </a>
        <!– Dropdown – User Information –>
        <div class=”dropdown-menu dropdown-menu-right shadow animated–grow-in” aria-labelledby=”userDropdown”>
          <a class=”dropdown-item” href=”#’) ?>”>
            <i class=”fas fa-user fa-sm fa-fw mr-2 text-gray-400″></i>
            Profil
          </a>
          <a class=”dropdown-item” href=”#”>
            <i class=”fas fa-user fa-sm fa-fw mr-2 text-gray-400″></i>
            Profil
          </a>
          <div class=”dropdown-divider”></div>
          <a class=”dropdown-item” href=”#” data-toggle=”modal” data-target=”#logoutModal”>
            <i class=”fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400″></i>
            Keluar
          </a>
        </div>
      </li>

    </ul>

  </nav>
  <!– End of Topbar –>
  <!– Page Wrapper –>

<!– Begin Page Content –>
<div class=”container-fluid”>

  <!– Page Heading –>
 

  <?= validation_errors(‘<div class=”alert alert-danger alert-dismissible fade show” role=”alert”>’,'<button type=”button” class=”close” data-dismiss=”alert” aria-label=”Close”><span aria-hidden=”true”>&times;</span></button>
  </div>’) ?>
  <?= $this->session->flashdata(‘msg’); ?>

<!– Page Heading –>
<h1 class=”h3 mb-4 mt-5 text-gray-800″>Data Petugas</h1>

<div class=”table-responsive”>
<table class=”table”>
  <thead class=”thead-dark”>
    <tr>
      <th scope=”col”>No</th>
      <th scope=”col”>Nama</th>
      <th scope=”col”>Telp</th>
      <th scope=”col”>Alamat</th>
      <th scope=”col”>Email</th>
      <th scope=”col”>Level</th>
      <th scope=”col”>Aksi</th>
    </tr>
  </thead>
  <tbody>
    <?php $no = 1; ?>
    <?php foreach ($data_petugas as $dp) : ?>
      <tr>
        <th scope=”row”><?= $no++; ?></th>
        <td><?= $dp[‘nama_petugas’]; ?></td>
        <td><?= $dp[‘telp’]; ?></td>
         <td><?= $dp[‘alamat’]; ?></td>
          <td><?= $dp[’email’]; ?></td>
        <td><?= $dp[‘level’]; ?></td>
        <td>
        <?php if ($dp[‘username’] == $this->session->userdata(‘username’)) : ?>
          <small>Tidak ada aksi</small>
        <?php else : ?>
          <button type=”button” data-target=”#id<?php echo $dp[‘id_petugas’] ?>” data-toggle=”modal” data-target=”#id<?php echo $dp[‘id_petugas’] ?>” class=”btn btn-danger shadow btn-xs sharp”>Edit</i></button>

          <a href=”<?= base_url(‘Admin/PetugasController/delete/’.$dp[‘id_petugas’]) ?>” class=”btn btn-warning” onclick=”return confirm(‘Apakah Anda yakin hapus?’)”>Hapus</a>
         
        <?php endif; ?>
        </td>
      </tr>
    <?php endforeach; ?>
  </tbody>
</table>
<button type=”button” class=”btn btn-primary mb-2″ data-toggle=”modal” data-target=”#id”>Tambah Data</button>
</div>

<!– /.container-fluid –>
</div>
<?php
foreach ($data_petugas as $petugas): ?>
<div class=”modal fade .b-example-modal-lg” id=”id<?php echo $petugas[‘id_petugas’] ?>” tabindex=”-1″ role=”dialog” aria-hidden=”true”>
    <div class=”modal-dialog modal-lg”>
        <div class=”modal-content”>
 
    

         <?= form_open(‘PetugasController/edit/’.$petugas[‘id_petugas’]); ?>

        <div class=”modal-header”>
            <h5 class=”modal-title”>Edit Petugas</h5>
            <button type=”button” class=”close” data-dismiss=”modal”><span>&times;</span>
            </button>
        </div>
        <div class=”modal-body”>

     <div class=”form-group”>
      <label for=”nama”>Nama</label>
      <input type=”text” class=”form-control” id=”nama” placeholder=”” name=”nama” value=”<?= $petugas[‘nama_petugas’] ?>”>
    </div>

    <div class=”form-group”>
      <label for=”telp”>Telp</label>
      <input type=”text” class=”form-control” id=”telp” placeholder=”” name=”telp” value=”<?= $petugas[‘telp’] ?>”>
    </div>
     <div class=”form-group”>
      <label for=”alamat”>Alamat</label>
      <input type=”text” class=”form-control” id=”alamat” placeholder=”” name=”alamat” value=”<?= $petugas[‘alamat’] ?>”>
    </div>
    <div class=”form-group”>
      <label for=”email”>Email</label>
      <input type=”text” class=”form-control” id=”email” placeholder=”” name=”email” value=”<?= $petugas[’email’] ?>”>
    </div>

    <label for=””>Level</label>
    <div class=”form-group”>
      <div class=”form-check form-check-inline”>
        <input class=”form-check-input” type=”radio” name=”level” id=”admin” value=”admin” <?= $petugas[‘level’] == ‘admin’ ? ‘checked’ : ”; ?>>
        <label class=”form-check-label” for=”admin”>Admin</label>
      </div>
      <div class=”form-check form-check-inline”>
        <input class=”form-check-input” type=”radio” name=”level” id=”petugas” value=”petugas” <?= $petugas[‘level’] == ‘petugas’ ? ‘checked’ : ”; ?>>
        <label class=”form-check-label” for=”petugas”>Petugas</label>
      </div>
    </div>

    <button type=”submit” class=”btn btn-primary”>Submit</button>
  </div>
    <?= form_close(); ?>
      </div>
    </div>
  </div>
<?php endforeach; ?>

<footer class=”sticky-footer bg-white”>
        <div class=”container my-auto”>
          <div class=”copyright text-center my-auto”>
            <span>Copyright &copy;  <?= date(‘Y’) ?> <a href=”https://www.djazuli.my.id”><strong>Djazuli IT</strong></a></span>
          </div>
        </div>
      </footer>
      <!– End of Footer –>

    </div>
    <!– End of Content Wrapper –>

  </div>
  <!– End of Page Wrapper –>

  <!– Scroll to Top Button–>
  <a class=”scroll-to-top rounded” href=”#page-top”>
    <i class=”fas fa-angle-up”></i>
  </a>

  <!– Logout Modal–>
  <div class=”modal fade” id=”logoutModal” tabindex=”-1″ role=”dialog” aria-labelledby=”exampleModalLabel” aria-hidden=”true”>
    <div class=”modal-dialog” role=”document”>
      <div class=”modal-content”>
        <div class=”modal-header”>
          <h5 class=”modal-title” id=”exampleModalLabel”><strong>Yakin ingin Keluar?</strong></h5>
          <button class=”close” type=”button” data-dismiss=”modal” aria-label=”Close”>
            <span aria-hidden=”true”>×</span>
          </button>
        </div>
        <div class=”modal-body”>Yakin ingin Keluar?</div>
        <div class=”modal-footer”>
          <button class=”btn btn-secondary” type=”button” data-dismiss=”modal”>Batal</button>
          <a class=”btn btn-primary” href=”#”>Keluar</a>
        </div>
      </div>
    </div>
  </div>

  <!– Bootstrap core JavaScript–>
 <script src=”<?= base_url() ?>assets/vendor/jquery/jquery.min.js”></script>
<script src=”<?= base_url() ?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js”></script>

<!– Core plugin JavaScript–>
<script src=”<?= base_url() ?>assets/vendor/jquery-easing/jquery.easing.min.js”></script>

<!– Custom scripts for all pages–>
<script src=”<?= base_url() ?>assets/js/sb-admin-2.min.js”></script>

<!– Page level plugins –>
<script src=”<?= base_url() ?>assets/vendor/chart.js/Chart.min.js”></script>

<!– Page level custom scripts –>
<script src=”<?= base_url() ?>assets/js/demo/chart-area-demo.js”></script>
<script src=”<?= base_url() ?>assets/js/demo/chart-pie-demo.js”></script>

<script>
  // selected file show
  $(‘.custom-file-input’).on(‘change’, function() {
    let fileName = $(this).val().split(‘\’).pop();
    $(this).next(‘.custom-file-label’).addClass(“selected”).html(fileName);
  });
</script>

</body>

</html>

  • Kemudian buat modal dengan nama Petugas_m.php di Application/Modal. lalu ketik script dibawah.
<?php
defined(‘BASEPATH’) OR exit(‘No direct script access allowed’);

class Petugas_m extends CI_Model {

    private $table = ‘petugas’;
    private $primary_key = ‘id_petugas’;

    public function create($data)
    {
        return $this->db->insert($this->table, $data);
    }    

}

/* End of file Petugas_m.php */
/* Location: ./application/models/Petugas_m.php */

  • Sekarang kalian coba jalankan dan hasilnya seperti ini.
Buat Update data dengan Modal Bootstrap

 

Penjelasan

Script dibawah berfungsi untuk memnuculkan berdasarkan id “id” dengan saya tambahkan id dari id petugas biar unik.
<button type=”button” data-target=”#id<?php echo $dp[‘id_petugas’] ?>” data-toggle=”modal” data-target=”#id<?php echo $dp[‘id_petugas’] ?>” class=”btn btn-danger shadow btn-xs sharp”>Edit</i></button>

Selanjutnya script, dibawah adalah modal untuk update data berdasarkan id “id” dengan ditambah id petugas, sesuai yang diklik tombol Edit.

<?php
foreach ($data_petugas as $petugas): ?>
<div class=”modal fade .b-example-modal-lg” id=”id<?php echo $petugas[‘id_petugas’] ?>” tabindex=”-1″ role=”dialog” aria-hidden=”true”>
    <div class=”modal-dialog modal-lg”>
        <div class=”modal-content”>
 
    

         <?= form_open(‘PetugasController/edit/’.$petugas[‘id_petugas’]); ?>

        <div class=”modal-header”>
            <h5 class=”modal-title”>Edit Petugas</h5>
            <button type=”button” class=”close” data-dismiss=”modal”><span>&times;</span>
            </button>
        </div>
        <div class=”modal-body”>

     <div class=”form-group”>
      <label for=”nama”>Nama</label>
      <input type=”text” class=”form-control” id=”nama” placeholder=”” name=”nama” value=”<?= $petugas[‘nama_petugas’] ?>”>
    </div>

    <div class=”form-group”>
      <label for=”telp”>Telp</label>
      <input type=”text” class=”form-control” id=”telp” placeholder=”” name=”telp” value=”<?= $petugas[‘telp’] ?>”>
    </div>
     <div class=”form-group”>
      <label for=”alamat”>Alamat</label>
      <input type=”text” class=”form-control” id=”alamat” placeholder=”” name=”alamat” value=”<?= $petugas[‘alamat’] ?>”>
    </div>
    <div class=”form-group”>
      <label for=”email”>Email</label>
      <input type=”text” class=”form-control” id=”email” placeholder=”” name=”email” value=”<?= $petugas[’email’] ?>”>
    </div>

    <label for=””>Level</label>
    <div class=”form-group”>
      <div class=”form-check form-check-inline”>
        <input class=”form-check-input” type=”radio” name=”level” id=”admin” value=”admin” <?= $petugas[‘level’] == ‘admin’ ? ‘checked’ : ”; ?>>
        <label class=”form-check-label” for=”admin”>Admin</label>
      </div>
      <div class=”form-check form-check-inline”>
        <input class=”form-check-input” type=”radio” name=”level” id=”petugas” value=”petugas” <?= $petugas[‘level’] == ‘petugas’ ? ‘checked’ : ”; ?>>
        <label class=”form-check-label” for=”petugas”>Petugas</label>
      </div>
    </div>

    <button type=”submit” class=”btn btn-primary”>Submit</button>
  </div>
    <?= form_close(); ?>
      </div>
    </div>
  </div>
<?php endforeach; ?>

Sebenarnya data petugas saya buat perulangan, dan akan muncul menjadi modal ketika ada action klik ditombol Edit. Datanya akan muncul sesuai id petugasnya

id=”id<?php echo $petugas[‘id_petugas’] ?>”

Dengan tutorial kali ini, semoga bisa menambah wawasan dalam berbagi ilmu pemrograman khususnya PHP. Sekian artikel kali ini, jika ada pertanyaan bisa tanyakan dikolom komen.

Link Source Code Update dengan Modal Bootstrap

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *