Scroll to top

Haloo! Selamat Datang di Komunitas Private Training Web Development (42751 Members, 380 Projects, 3389 Topic, 9313 Comments)

Butuh karyawan baru? atau seorang Web Developer (Part-time/Freelance/Full-time) untuk mengerjakan project/aplikasi anda?, cari disini : Members Area Jobs!
Edit dengan form Modal tidak berhasil untuk halaman 2 dst
Yakobus sutejo Mengatakan : Members -
Rate Topic :
  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.
Bukhari al Muslim Mengatakan :
Admin -
  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 Mengatakan :
Members -
  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 Mengatakan :
Members -
  1. Assalam,..
  2. Ini Hasil yang sukses

Ada 1 File Kiriman :
1. form_edit_bab.jpg (41 KB)
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!