Postingan lainnya
Menampilkan data database pada modal bootstrap
assalamualaikum bang mau sharing tentang pemanggilan data, biasanya kan buat pemanggilan data yang di panggil itu id nya yah, nah kalo saya mau panggil nya semua field , misalkan ada contoh kasus di bawah ini ada 3 field...
$sql = ("SELECT id,nama,jenis FROM barang ");
// ini sql nya
misalkan saya mau memunculkan data ke modal, di coding tabel
buat nampilkan data ke modal bootstrap saya kasih seperti ini ..
<tr>
<td class=" md-trigger" data-modal="modal-3" id="<?php echo $data['id']?>"><?php echo $data['id']; ?></td>
<td class=" md-trigger" data-modal="modal-3" id="<?php echo $data['id']?>"><?php echo $data['nama']; ?></td>
<td class=" md-trigger" data-modal="modal-3" id="<?php echo $data['id']?>"><?php echo $data['jenis']; ?></td>
</tr>
kode diatas di id="<?php echo $data['id']?>"
ini buat menampilkan datanya berdasarkan id,
nah kalo saya mau berdasarkan ke 3 field nya (id,nama,jenis) apakah bisa,
kalo bisa cara penulisan nya seperti apa yah... apa seperti ini ?
//// mohon koreksi nya
<td class=" md-trigger" data-modal="modal-3" id="<?php echo $data['id'] and $data['nama'] and $data['jenis']?>" ><?php echo $data['id']; ?></td>
2 Jawaban:
coba tulis seperti ini mas
<pre> <td class=" md-trigger" data-modal="modal-3" id="<?php echo $data['id'] ?>&nama=<?php echo $data['nama'] ?>&jenis=<?php echo $data['jenis'] ?>" ><?php echo $data['id']; ?></td> </pre>
Tanggapan
tidak berhasil gan
Nampilin data <pre> <tbody> <?php $no = 1; while ($row = $data-> fetch_object()) { ?>
&lt;tr&gt;
&lt;td&gt;&lt;?= $no++?&gt;&lt;/td&gt;
&lt;td&gt;&lt;?= $row-&gt; nama_kategori?&gt;&lt;/td&gt;
&lt;td&gt;&lt;?= $row-&gt; ket?&gt;&lt;/td&gt;
&lt;td align=""&gt;
<!-- buat modal-->
<a id="edit-kategori" data-toggle="modal" data-target="#form-edit" data-id="<?= $row-> id_kategori?>" data-nama="<?= $row-> nama_kategori?>" data-ket="<?= $row-> ket?>"><button class="btn btn-sm btn-warning"><span class="fa fa-edit"></span></button></a>
<!-- akhir modal -->
<a href="?page=kategori&id=<?= $row-> id_kategori ?>" onclick="return confirm('Yakin akan menghapus data?')" class="btn btn-sm btn-danger"><span class="fa fa-trash-o"></span></a>
</td>
</tr>
<?php
}
?>
</tbody>
</pre>
form modal
<pre> <!-- start modal form-edit--> <div class="modal fade" id="form-edit" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">Edit Kategori</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form action="" method="post"> <div id="modal-edit" class="modal-body"> <div class="form-group"> <label for="nama" class="col-form-label">Nama:</label> <input type="number" class="form-control" id="id" name="id" hidden> <input type="text" class="form-control" id="nama" name="nama" autofocus> </div> <div class="form-group"> <label for="ket" class="col-form-label">Keterangan</label> <input type="text" class="form-control" id="ket" name="ket"> </div> </div> <div class="modal-footer">
&lt;button type="button" class="btn btn-secondary" data-dismiss="modal"&gt;Close&lt;/button&gt;
&lt;input type="submit" class="btn btn-primary" name="simpan" value="Simpan"&gt;
&lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;/div&gt;
</div> <!-- end modal form-edit -->
</pre>
munculin data ke form modal
<pre> <script>
$(document).on("click","#edit-kategori", function(){ var id = $(this).data('id'); var nama = $(this).data('nama'); var ket = $(this).data('ket');
$("#modal-edit #id").val(id);
$("#modal-edit #nama").val(nama);
$("#modal-edit #ket").val(ket);
})
</script>
</pre>
coba akalin tu kode broh
Tanggapan
terimakasih bang