Cara Penggunaan Modal Sebagai Edit Form Pada CMS Swarakalibata

Cara Penggunaan Modal Sebagai Edit Form Pada CMS Swarakalibata Dibuat 8 Tahun lalu \| 2017-07-22 08:21:14 WIB, Login Terakhir 7 Tahun lalu, Telah Dilihat 6260 Kali
Sultan Account
Sultan Account	david walli Mengatakan : Sultan Account Pak Bagaiamana cara membuat Form Edit di Modul SwaraKalibata.? saya sudah buat dimana form modalnya berfungsi sebagai edit data, kan harus panggil id yang akan dieedit..untuk pemanggilannya agar masuk ke Form Edit gimana ya pak..?

Ada 14 Jawaban

PHPMU.COM Support
commented on 23 Jul 2017 10:28:45 Sultan Account

Assalam, berikut saya contohkan dengan kode lengkapnya, misalnya untuk edit kategori..
Tambahkan kode berikut di dalam <head> "application/ciews/administrator/template.php"
 
<script>
    $(function(){
        $(document).on('click','.edit_kategori',function(e){
            e.preventDefault();
            $("#myModal").modal('show');
            $.post("<?php echo site_url()?>administrator/edit_data_kategori",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".modal-body").html(html);
                }   
            );
        });
    });
</script>
 
<?php 
// Ini button untuk edit kategori,..
   echo "<a href='#' class='edit_kategori' data-id='$row[id_kategori]'>Edit Kategori</a>"; 
 
 
// Controller Edit Kategori Modal
function edit_data_kategori(){
	$id_kategori = $this->input->post('id');
	$data['rows'] = $this->model_app->edit('kategori',array('id_kategori' => $id_kategori))->row_array();
	$this->load->view('administrator/mod_kategori/view_kategori_edit',$data);
}
 
// View Edit Kategori Modal
echo form_open_multipart('administrator/edit_kategoriberita'); 
echo "<table class='table table-condensed table-bordered'>
      <tbody>
        <input type='hidden' name='id' value='$rows[id_kategori]'>
        <tr><th width='120px' scope='row'>Nama Kategori</th>    <td><input type='text' class='form-control' name='a' value='$rows[nama_kategori]' required></td></tr>
        <tr><th scope='row'>Aktif</th>                          <td>"; if ($rows['aktif']=='Y'){ echo "<input type='radio' name='b' value='Y' checked> Ya   <input type='radio' name='b' value='N'> Tidak"; }else{ echo "<input type='radio' name='b' value='Y'> Ya   <input type='radio' name='b' value='N' checked> Tidak"; } echo "</td></tr>
        <tr><th scope='row'>Posisi</th>                         <td><input type='number' class='form-control' name='c' value='$rows[sidebar]'></td></tr>
      </tbody>
      </table>
	  <div class='box-footer'>
	        <button type='submit' name='submit' class='btn btn-info'>Update</button>
	  </div>";
echo form_close();
?>
 
<!-- Ini Kode untuk Modalnya -->
<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
          <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
              </div>
              <div class="modal-body"></div>
              <div class="modal-footer"></div>
          </div>
      </div>
</div>
 
Oke selesai, selanjutnya jalankan,.. :)

david walli commented on 26 Jul 2017 11:13:46 Sultan Account

	klau yang untuk biasa pak(bukan CI)? saya editnya pakai yang bukan ci

PHPMU.COM Support
commented on 26 Jul 2017 16:57:09 Sultan Account

Hampir sama juga mas, jadinya seperti ini jika di Swarakalibata Native,.. :)
<script>
    $(function(){
        $(document).on('click','.edit_kategori',function(e){
            e.preventDefault();
            $("#myModal").modal('show');
            $.post("modul/mod_kategori/action_modal.php",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".modal-body").html(html);
                }   
            );
        });
    });
</script>
 
<?php 
// Ini button untuk edit kategori,..
   echo "<a href='#' class='edit_kategori' data-id='$row[id_kategori]'>Edit Kategori</a>"; 
 
 
// action_modal.php
$rows = mysql_fetch_array(mysql_query("SELECT * FROM kategori where id_kategori='$_POST[id]'"));
echo "<form action='modul/mod_kategori/aksi_kategori.php?module=kategori&act=update' method='POST'>
    <table class='table table-condensed table-bordered'>
      <tbody>
        <input type='hidden' name='id' value='$rows[id_kategori]'>
        <tr><th width='120px' scope='row'>Nama Kategori</th>    <td><input type='text' class='form-control' name='a' value='$rows[nama_kategori]' required></td></tr>
        <tr><th scope='row'>Aktif</th>                          <td>"; if ($rows['aktif']=='Y'){ echo "<input type='radio' name='b' value='Y' checked> Ya   <input type='radio' name='b' value='N'> Tidak"; }else{ echo "<input type='radio' name='b' value='Y'> Ya   <input type='radio' name='b' value='N' checked> Tidak"; } echo "</td></tr>
        <tr><th scope='row'>Posisi</th>                         <td><input type='number' class='form-control' name='c' value='$rows[sidebar]'></td></tr>
      </tbody>
      </table>
	  <div class='box-footer'>
	        <button type='submit' name='submit' class='btn btn-info'>Update</button>
	  </div>
    </form>";
?>
 
<!-- Ini Kode untuk Modalnya, tempatkan pada file administrator/media.php -->
<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
          <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
              </div>
              <div class="modal-body"></div>
              <div class="modal-footer"></div>
          </div>
      </div>
</div>
 
Oke selesai, selanjutnya jalankan,.. :)

david walli
commented on 27 Jul 2017 13:23:25 Sultan Account

<!-- Ini Kode untuk Modalnya, tempatkan pada file administrator/media.php -->
<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-lg">
          <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
              </div>
              <div class="modal-body"></div>
              <div class="modal-footer"></div>
          </div>
      </div>
</div>
 
kode modaldi atas tidak di satu file dengan kategori pak..?

PHPMU.COM Support commented on 27 Jul 2017 20:33:52 Sultan Account

	tempatkan di file media.php saja mas,.. agar bisa difungsikan sekalian untuk edit data lainnya juga selain kategori,..

david walli commented on 28 Jul 2017 11:48:25 Sultan Account

	Pak setelah kita simpan data melalaui Modal terus mau buat nampilin pesan berhasil atau gagal giaman di modul swarakalibata pak.?

PHPMU.COM Support
commented on 29 Jul 2017 08:00:26 Sultan Account

Gini saja mas :
<?php
$query = mysql_query("QUERY UPDATE/INSERT DISINI........");
if ($query){
  header('location:../../media.php?module='.$module.'&success');
}else{
  header('location:../../media.php?module='.$module.'&success');
}
?>
 
Selanjutnya pada kategori.php tambahkan kode ini :
<?php 
 if (isset($_GET['sukses'])){
    echo "Sukses! - Data telah Berhasil Di Proses,..";
}elseif(isset($_GET['gagal'])){
    echo " Gagal! - Data tidak Di Proses, terjadi kesalahan dengan data..";
}
?>

david walli commented on 29 Jul 2017 11:10:51 Sultan Account

	terima kasih banyak pak roby,..klau ada yang mau ditanya masih boleh kan pak..maaf masih baru belajar..

Mahmud siregar commented on 01 Agu 2017 00:56:57 Sultan Account

	Om robby, kalau di CI file modalnya di letak dimana? bisa kasi contoh full code untuk tambah dan edit menggunakan modal di Ci ? makasih om

PHPMU.COM Support commented on 07 Agu 2017 07:45:17 Sultan Account

	Assalam, itu sudah full codenya saya kasih mas di atas,.. :) modalnya ditempatkan pada file views terkait saja di ci,..

Ujang Rukman
commented on 24 Agu 2018 11:27:38 Sultan Account

Assalam,.. mas robby , saya sudah mencoba menerapkan cara ini di SIKOLAG_CI alhamdulilah berhasil, cuma masalahnya modal muncul sebelum di click tombol dengan data kosong, namun setelah di click tombol baru ada data nya, kemudian ketika modal tampil di layar yang lebih kecil backdrop nya jadi ada di atas seperti pada gambar di bawah

Terdapat 1 File dilampirkan :

1. modal.PNG (50 KB)

Ujang Rukman commented on 24 Agu 2018 11:29:20 Sultan Account

	Assalam,.. ini tampilan modal sebelum klik tombol, apakah salah penempatan modal nya? Terdapat 1 File dilampirkan : 1. modal_sebelum_klik_tombol.PNG (17 KB)

PHPMU.COM Support
commented on 25 Agu 2018 07:53:34 Sultan Account

Assalam,.. file ini sudah ditempatkan pada template.php
<script>
    $(function(){
        $(document).on('click','.edit_kategori',function(e){
            e.preventDefault();
            $("#myModal").modal('show');
            $.post("<?php echo site_url()?>administrator/edit_data_kategori",
                {id:$(this).attr('data-id')},
                function(html){
                    $(".modal-body").html(html);
                }   
            );
        });
    });
</script>
 
Pastikan penempatannya di atas tag </body>... ^_^

Ujang Rukman
commented on 25 Agu 2018 08:11:56 Sultan Account

Assalam,.. mas robby , sudah bisa mas sekarang tidak muncul lg, ternyata sebelum nya sudah ada script untuk menampiklan modal,setelah saya hapus yg sebelum nya normal lg, cuma sekarang masalah nya modal nya terhalang sama backdrop ketika di tampilan hp, jadi ga bisa di klik apa2 mas, conto tampilan nya sepeti gambar dibawah, atau bisa di cek di man4smi.projeckweb.com

Terdapat 1 File dilampirkan :

1. 40012817_2094663840603969_4709516169315352576_o.jpg (44 KB)

Maaf, Untuk Memberikan Komentar Anda Harus Login !!!

	BSI - Bank Syariah Indonesia (451)

	ROBBY PRIHANDAYA
	1043-5665-19


	Bank Muamalat (147)
	ROBBY PRIHANDAYA
	4220-0174-81

Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (69178 Members, 796 Products, 4718 Topic, 13114 Comments)

Cara Penggunaan Modal Sebagai Edit Form Pada CMS Swarakalibata

Ada 14 Jawaban

Projects Remote

Hot Questions

Tentang Kami

Jam Layanan

Knowledgebase