Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67423 Members, 783 Products, 5280 Topic, 12953 Comments)

Edit dengan form Modal tidak berhasil untuk halaman 2 dst

Dibuat
Login Terakhir 4 Bulan lalu,
Telah Dilihat 1264 Kali
Yakobus sutejo Mengatakan : Sultan Account
  1. Assalamualaikum Warahmatullahi Wabarakatuh...
  2.  
  3. Selamat sore bang Robby dan teman2.
  4. Saya buat form modal untuk edit data. Data diambil dari tampilan datatable dengan 1 record per page.
  5.  
  6. Jika tombol edit di halaman 1 di klik maka proses dapat berjalan dengan baik tetapi jika halaman 2 dan seterusnya atau melalui pencarian data...
  7. Maka form modal edit tidak bisa tampil dan tidak ada respon.
  8.  
  9. Mohon bantuannya bagaimana solusinya?
  10.  
  11. Terima kasij.

Ada 3 Jawaban

Bukhori Muslim
commented on 08 Feb 2019 06:23:31
  1. Assalam,.. bisa share script/file modal dan view-nya mas disini,
  2. agar bisa kita bantu cek kendalanya,.. ^_^
  3. biasanya terjadi karena penamaan button modal berubah saat pindah halaman,
Yakobus sutejo
commented on 09 Feb 2019 10:06:27
  1. Assalam,..
  2.  
  3. Oke ini skripnya :
  4.  
  5. Pada file media.php, saya tambahkan ini:
  6. <script>
  7. $(document).ready(function () {
  8. // Bab / Chapter
  9. $(".open_modalbabedit").click(function(e) {
  10. var m = $(this).attr("id");
  11. $.ajax({
  12. url: "modul/mod_snarsbab/bab_modal_edit.php",
  13. type: "GET",
  14. data : {id: m,},
  15. success: function (ajaxData){
  16. $("#ModalEditBab").html(ajaxData);
  17. $("#ModalEditBab").modal('show',{backdrop: 'true'});
  18. }
  19. });
  20. });
  21. });
  22. </script>
  23.  
  24. Lalu di file bab.php, pada bagian datatables untuk aksi edit :
  25.  
  26. <td><a class='open_modalbabedit btn btn-warning btn-xs' data-toggle='tooltip' title='Edit Data'
  27. href='#' id='$r[chapter_id]'>
  28. <span class='fa fa-edit'></span></a>
  29. </td>
  30.  
  31. Lalu, dalam file bab.php, dibawah skrip tampilan tabel saya tambahkan :
  32. // Modal Popup Edit Bab
  33. echo"<div data-backdrop='static' id='ModalEditBab' class='modal fade' tabindex='-1' role='dialog'></div>";
  34.  
  35.  
  36. Lalu ada file bab_modal_edit.php dengan skrip ini :
  37. <?php
  38. include "../../config/koneksi.php";
  39. include "../../config/library.php";
  40.  
  41. $id = $_GET["id"];
  42. $query = mysqli_query($koneksi, "SELECT * FROM accreditation_instrument_chapter WHERE chapter_id='$id'");
  43. if($query == false){
  44. die ("Terjadi Kesalahan : ". mysqli_error($koneksi));
  45. }
  46. while($r = mysqli_fetch_array($query)){
  47.  
  48. ?>
  49.  
  50.  
  51. <!-- Modal Popup Edit Bab / Chapter -->
  52. <div class="modal-dialog modal-md">
  53. <div class="modal-content">
  54. <div class="modal-header" style="color:blue;">
  55. <button class='btn btn-danger btn-xs pull-right' data-dismiss='modal' aria-label='Close' data-toggle='tooltip' title='Close'>
  56. <span aria-hidden='true'></span><i class='fa fa-times'></i></button>
  57. <h4 class="modal-title"><i class="fa fa-object-group"></i> EDIT BAB / CHAPTER</h4>
  58. </div>
  59.  
  60. <div class="modal-body">
  61. <form class='form-horizontal' role='form'
  62. method="POST" action="modul/mod_snarsbab/aksi_bab.php?module=snarsbab&act=update"
  63. enctype="multipart/form-data">
  64. <table class="table table-condensed table-bordered">
  65. <tbody>
  66.  
  67. <input name="id" type="hidden" value="<?php echo $r["class_id"]; ?>"/>
  68. <tr><th width="120px" scope="row">Versi (Tahun)</th>
  69. <td><select class="form-control" name="kode" required>
  70. <option value="0">- Pilih Versi -</option>
  71. <?php
  72. $klas = mysqli_query($koneksi, "SELECT * FROM accreditation_version ORDER BY version_id");
  73.  
  74. while($k = mysqli_fetch_array($klas)){
  75. if ($r["chapter_version"]==$k["version_code"]){
  76. ?>
  77. <option value="<?php echo $k["version_code"];?>" selected><?php echo $k[version_name]; ?></option>";
  78. <?php }else{ ?>
  79. <option value="<?php echo $k["version_code"];?>"><?php echo $k[version_name]; ?></option>";
  80. <?php }}?>
  81. </select>
  82. </td>
  83. </tr>
  84.  
  85. <tr><th width="120px" scope="row">Kode Bab</th>
  86. <td><input type="text" class="form-control" name="nama" value="<?php echo $r["chapter_code"]; ?>" required/></td>
  87. </tr>
  88. <tr><th scope="row">Nama Bab</th>
  89. <td><input type="text" class="form-control" name="nama_bab" value="<?php echo $r["chapter_name"]; ?>" required></td>
  90. </tr>
  91. <tr><th scope="row">Nilai Maksimum</th>
  92. <td><input type="number" class="form-control" name="scoremax" value="<?php echo $r["chapter_maximum_score"]; ?>" required></td>
  93. </tr>
  94. <tr><th scope="row">Gambaran Umum</th>
  95. <td>
  96. <textarea class="form-control" name="gambaran_umum" id="text-ckeditor1" style="height: 250px;"><?php echo $r["chapter_description"]; ?></textarea>
  97.  
  98. </td>
  99. </tr>
  100.  
  101. </tbody>
  102. </table>
  103.  
  104. <div class="modal-footer">
  105. <button class="btn btn-success" type="submit"><span class="fa fa-floppy-o"></span> Simpan</button>
  106. <button type="reset" class="btn btn-warning" data-dismiss="modal" aria-hidden="true">
  107. <span class="fa fa-undo"></span> Batal</button>
  108. </div>
  109. </form>
  110. </div>
  111. </div>
  112. </div>
  113.  
  114. <?php
  115. }
  116.  
  117. ?>
  118.  
  119.  
  120. Ini yang terjadi, jika data didalam datatable hanya 1 page, gak masalah form edit berjalan dengan baik...
  121. Tetapi kalau sudah halaman 2 atau melalui search data dulu..form edit gak mau nongol.
  122.  
  123. Mohon pencerahannya..
  124. Terima kasih
Yakobus sutejo
commented on 09 Feb 2019 10:11:35
  1. Assalam,..
  2. Ini Hasil yang sukses
Terdapat 1 File dilampirkan :
1. form_edit_bab.jpg (41 KB)
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!