adeeva

ajax edit

Jan 15th, 2018
149
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.27 KB | None | 0 0
  1. //view<!-- modal edit -->
  2. <div class="modal fade" id="m_edit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  3. <div class="modal-dialog" role="document">
  4. <div class="modal-content">
  5. <div class="modal-header" style="background-color: #7c53ad; color: #ffffff;">
  6. <h5 class="modal-title" id="exampleModalLabel">Ubah Type <i class="fa fa-car"></i></h5>
  7. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  8. <span aria-hidden="true">&times;</span>
  9. </button>
  10. </div>
  11. <div class="modal-body" id="m-edit">
  12. <form>
  13. <div class="form-group">
  14. <label for="plat" class="font-weight-light tex" >Nomor Polisi</label>
  15. <div class="input-group mb-3">
  16. <div class="input-group-prepend">
  17. <span class="input-group-text" id="basic-addon1"><i class="fa fa-tags"></i></span>
  18. </div>
  19. <input type="text" class="form-control font-weight-light " placeholder="Nomor Polisi" aria-label="Username" aria-describedby="basic-addon1" name="plat_edit" id="plat_edit">
  20. </div>
  21. </div>
  22.  
  23. <div class="form-group">
  24. <label for="type" class="font-weight-light tex">Type Kendaraan</label>
  25. <div class="input-group mb-3">
  26. <div class="input-group-prepend">
  27. <span class="input-group-text" id="basic-addon1"><i class="fa fa-truck"></i></span>
  28. </div>
  29. <select class="form-control font-weight-light tex" name="type_edit" id="type_edit">
  30. <option ></option>
  31. <?php foreach ($type as $t) { ?>
  32. <option value="<?php echo $t->id_type ;?>"><?php echo $t->nama_type; ?></option>
  33. <?php } ?>
  34. </select>
  35.  
  36. </div>
  37. </div>
  38.  
  39. <div class="form-group">
  40. <label for="plat" class="font-weight-light tex">Masa STNK</label>
  41. <div class="input-group mb-3">
  42. <div class="input-group-prepend">
  43. <span class="input-group-text" id="basic-addon1"><i class="fa fa-calendar"></i></span>
  44. </div>
  45. <input type="text" class="form-control font-weight-light" placeholder="dd-mm-yyyy" name="tanggal_edit" id="tanggal_edit" aria-label="Username" aria-describedby="basic-addon1">
  46. </div>
  47. </div>
  48.  
  49. <div class="form-group">
  50. <label for="plat" class="font-weight-light tex">Masa KEUR</label>
  51. <div class="input-group mb-3">
  52. <div class="input-group-prepend">
  53. <span class="input-group-text" id="basic-addon1"><i class="fa fa-calendar"></i></span>
  54. </div>
  55. <input type="text" class="form-control font-weight-light" placeholder="dd-mm-yyyy" name="tanggal1_edit" id="tanggal1_edit" aria-label="Username" aria-describedby="basic-addon1">
  56. </div>
  57. </div>
  58.  
  59. <div class="form-group">
  60. <label for="type" class="font-weight-light tex">Jenis BBM</label>
  61. <div class="input-group mb-3">
  62. <div class="input-group-prepend">
  63. <span class="input-group-text " id="basic-addon1"><i class="fa fa-bolt"></i></span>
  64. </div>
  65. <select class="form-control font-weight-light tex" name="bbm_edit" id="bbm_edit">
  66. <option ></option>
  67. <?php foreach ($bbm as $b) { ?>
  68.  
  69. <option value="<?php echo $b->id_bbm ;?>"><?php echo $b->nama_bbm ;?></option>
  70. <?php } ?>
  71.  
  72. </select>
  73. </div>
  74. </div>
  75.  
  76. <div class="form-group">
  77. <label for="banding" class="font-weight-light tex">Banding</label>
  78. <div class="input-group mb-3">
  79. <div class="input-group-prepend">
  80. <span class="input-group-text" id="basic-addon1"><i class="fa fa-hourglass-half"></i></span>
  81. </div>
  82. <input type="text" class="form-control font-weight-light col-sm-4" placeholder="0" name="banding_edit" id="banding_edit" aria-describedby="basic-addon1">
  83. <label class="col-sm-4">Liter</label>
  84. </div>
  85. </div>
  86. </form>
  87. </div>
  88. <div class="modal-footer">
  89. <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
  90. <button id="btn_update" class="btn btn-outline-success ">Ubah data</button>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95.  
  96. <!-- akhir modal edit -->
  97.  
  98.  
  99. // tampil modal edit
  100. $('#show_kendaraan').on('click','.item-edit',function(){
  101. var id=$(this).attr('data');
  102. $.ajax({
  103. type : "GET",
  104. url : "<?php echo base_url('index.php/kendaraan/get_kendaraan') ?>",
  105. dataType : "JSON",
  106. data : {id:id},
  107. success: function(data){
  108. $.each(data,function(id_kendaraan,no_polisi,nama_type,masa_stnk,masa_keur,nama_bbm,banding){
  109. $('#m_edit').modal('show');
  110. $('[name="id_edit"]').val(data.id_kendaraan);
  111. $('[name="plat_edit"]').val(data.no_polisi);
  112. $('[name="type_edit"]').val(data.nama_type);
  113. $('[name="tanggal_edit"]').val(data.masa_stnk);
  114. $('[name="tanggal1_edit"]').val(data.masa_keur);
  115. $('[name="bbm_edit"]').val(data.nama_bbm);
  116. $('[name="banding_edit"]').val(data.banding);
  117. });
  118.  
  119. }
  120. });
  121. return false;
  122. });
  123. // end modal edit
  124.  
  125. //controller
  126. public function get_kendaraan(){
  127. $id=$this->input->get('id');
  128. $data=$this->m_kendaraan->get_id($id);
  129. echo json_encode($data);
  130. }
  131.  
  132. //Model
  133. public function get_id($id){
  134. $this->db->join('tb_type_kendaraan t','t.id_type=k.id_type','left');
  135. $this->db->join('tb_bbm b','b.id_bbm=k.id_bbm','left');
  136. $this->db->WHERE('k.id_kendaraan',$id);
  137. $query=$this->db->get('tb_kendaraan k');
  138. if ($query->num_rows()>0) {
  139. foreach ($query->result() as $data) {
  140. $hsl = array(
  141. 'id_kendaraan' =>$data->id_kendaraan ,
  142. 'no_polisi' =>$data->no_polisi,
  143. 'nama_type' =>$data->nama_type,
  144. 'masa_stnk' =>$data->masa_stnk,
  145. 'masa_keur' =>$data->masa_keur,
  146. 'nama_bbm' =>$data->nama_bbm,
  147. 'banding' =>$data->banding );
  148. }
  149. }
  150. return $hsl;
  151. }
Advertisement
Add Comment
Please, Sign In to add comment