Assalam,..
Oke ini skripnya :
Pada file media.php, saya tambahkan ini:
<script>
$(document).ready(function () {
// Bab / Chapter
$(".open_modalbabedit").click(function(e) {
var m = $(this).attr("id");
$.ajax({
url: "modul/mod_snarsbab/bab_modal_edit.php",
type: "GET",
data : {id: m,},
success: function (ajaxData){
$("#ModalEditBab").html(ajaxData);
$("#ModalEditBab").modal('show',{backdrop: 'true'});
}
});
});
});
</script>
Lalu di file bab.php, pada bagian datatables untuk aksi edit :
<td><a class='open_modalbabedit btn btn-warning btn-xs' data-toggle='tooltip' title='Edit Data'
href='#' id='$r[chapter_id]'>
<span class='fa fa-edit'></span></a>
</td>
Lalu, dalam file bab.php, dibawah skrip tampilan tabel saya tambahkan :
// Modal Popup Edit Bab
echo"<div data-backdrop='static' id='ModalEditBab' class='modal fade' tabindex='-1' role='dialog'></div>";
Lalu ada file bab_modal_edit.php dengan skrip ini :
<?php
include "../../config/koneksi.php";
include "../../config/library.php";
$id = $_GET["id"];
$query = mysqli_query($koneksi, "SELECT * FROM accreditation_instrument_chapter WHERE chapter_id='$id'"); if($query == false){
}
?>
<!-- Modal Popup Edit Bab / Chapter -->
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header" style="color:blue;">
<button class='btn btn-danger btn-xs pull-right' data-dismiss='modal' aria-label='Close' data-toggle='tooltip' title='Close'>
<span aria-hidden='true'></span><i class='fa fa-times'></i></button>
<h4 class="modal-title"><i class="fa fa-object-group"></i> EDIT BAB / CHAPTER</h4>
</div>
<div class="modal-body">
<form class='form-horizontal' role='form'
method="POST" action="modul/mod_snarsbab/aksi_bab.php?module=snarsbab&act=update"
enctype="multipart/form-data">
<table class="table table-condensed table-bordered">
<tbody>
<input name="id" type="hidden" value="<?php echo $r["class_id"]; ?>"/>
<tr><th width="120px" scope="row">Versi (Tahun)</th>
<td><select class="form-control" name="kode" required>
<option value="0">- Pilih Versi -</option>
<?php
$klas = mysqli_query($koneksi, "SELECT * FROM accreditation_version ORDER BY version_id");
if ($r["chapter_version"]==$k["version_code"]){
?>
<option value="<?php echo $k["version_code"];?>" selected><?php echo $k[version_name]; ?></option>";
<?php }else{ ?>
<option value="<?php echo $k["version_code"];?>"><?php echo $k[version_name]; ?></option>";
<?php }}?>
</select>
</td>
</tr>
<tr><th width="120px" scope="row">Kode Bab</th>
<td><input type="text" class="form-control" name="nama" value="<?php echo $r["chapter_code"]; ?>" required/></td>
</tr>
<tr><th scope="row">Nama Bab</th>
<td><input type="text" class="form-control" name="nama_bab" value="<?php echo $r["chapter_name"]; ?>" required></td>
</tr>
<tr><th scope="row">Nilai Maksimum</th>
<td><input type="number" class="form-control" name="scoremax" value="<?php echo $r["chapter_maximum_score"]; ?>" required></td>
</tr>
<tr><th scope="row">Gambaran Umum</th>
<td>
<textarea class="form-control" name="gambaran_umum" id="text-ckeditor1" style="height: 250px;"><?php echo $r["chapter_description"]; ?></textarea>
</td>
</tr>
</tbody>
</table>
<div class="modal-footer">
<button class="btn btn-success" type="submit"><span class="fa fa-floppy-o"></span> Simpan</button>
<button type="reset" class="btn btn-warning" data-dismiss="modal" aria-hidden="true">
<span class="fa fa-undo"></span> Batal</button>
</div>
</form>
</div>
</div>
</div>
<?php
}
?>
Ini yang terjadi, jika data didalam datatable hanya 1 page, gak masalah form edit berjalan dengan baik...
Tetapi kalau sudah halaman 2 atau melalui search data dulu..form edit gak mau nongol.
Mohon pencerahannya..
Terima kasih