Postingan lainnya
Kenapa data tidak masuk ke datatable
Saya sedang membuat modal dan di dalam modal tersebut ada datatable dan berisi data dari beberapa relasi tetapi tidak muncul datanya dan mengalami error :
image.png
kira-kira kenapa ya?
Gambar database list asset
image.png
Gambar database perpindahan asset
image.png
blade modal
<div class="modal fade" id="quoteFormLog" tabindex="-1" role="dialog" aria-labelledby="quoteForm" aria-hidden="true">
<div class="modal-dialog modal-xl modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Log Asset</span></h4>
<button class="close" type="button" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
</div>
<div class="card-body">
<div class="dataTable-wrapper dataTable-loading no-footer sortable fixed-columns">
<div class="dataTable-container">
<table class="table table-striped table-hover dataTable-table" id="table_log">
<thead>
<tr>
<th>No</th>
<th>Waktu Transparasi</th>
<th>Kode Aset</th>
<th>Nama Aset</th>
<th>PIC Lama</th>
<th>PIC Baru</th>
<th>Departement Lama</th>
<th>Departement Baru</th>
<th>Lokasi Lama</th>
<th>Lokasi Baru</th>
<th>Created By</th>
</tr>
</thead>
<tbody id="datalogID">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
Ajax
$(document).ready(function() { var table = $("#table_log").DataTable(); $("#quoteFormLog").on('show.bs.modal', (e) => { //alert("testawal"); var id_list_aset = $(this).data('id_list_aset'); var route = $(this).data('route'); $.ajax({ url: route, type: "GET", data: {id_list_aset: id_list_aset}, dataType: 'json', success: function (data) { alert("test"); console.log(data); table.destroy(); $('.refresh').remove(); for (let index = 0; index < data['success'].length; index++) { // const element = data[index]; var nomor = index + 1 $('#datalogID').append('<tr class="refresh"><td>' + nomor + '</td><td>' + data['historyAsset'][index]['perpindahan_asset']['id_log_aset'] + '</td><td>' + data['historyAsset'][index]['perpindahan_asset']['kode_aset'] + '</td><td>' + data['historyAsset'][index]['perpindahan_asset']['nama_aset'] + '</td><td>' + data['historyAsset'][index]['data_karyawan']['nama_karyawan'] + '</td><td>' + data['historyAsset'][index]['departement']['nama_departement'] + '</td><td>' + data['historyAsset'][index]['lokasi'] + '</td><tr>'); } table = $("#table_log").DataTable(); // $('#quoteFormLog').modal('show'); // menampilkan modal setelah data berhasil dimuat }, error: function (data) { console.log('Error:', data); } }); });});
Button Log Asset
<a class="dropdown-item" data-toggle="modal" data-id="{{ $item->id_list_aset}}" data-route="{{ route('log', $item->id_list_aset) }}" data-target="#quoteFormLog"> <i class="fa fa-exchange"></i> Log Asset </a>
Controller
public function log($id_list_aset)
{
$listasset = listAsset::select('list_asset.*')
->where('id_list_aset',$id_list_aset)
->get();
$departement = DB::table('departement')->get();
$datakaryawan = DB::table('data_karyawan')->get();
$historyasset = DB::table('perpindahan_asset')
->leftjoin('list_asset','perpindahan_asset.id_list_aset','=','list_asset.id_list_aset')
->leftjoin('departement as departement_to','perpindahan_asset.id_departement','=','departement_to.id_departement')
->leftjoin('data_karyawan as data_karyawan_to','perpindahan_asset.id_karyawan','=','data_karyawan_to.id_karyawan')
->leftjoin('departement as departement_from','perpindahan_asset.id_departement_before','=','departement_from.id_departement')
->leftjoin('data_karyawan as data_karyawan_from','perpindahan_asset.id_karyawan_before','=','data_karyawan_from.id_karyawan')
->select('perpindahan_asset.*','list_asset.kode_aset', 'list_asset.nama_aset', 'departement_to.nama_departement', 'data_karyawan_to.nama_karyawan', 'departement_from.nama_departement as nama_departement_from', 'data_karyawan_from.nama_karyawan as nama_karyawan_from')
->get();
// $pemeliharaanAsset = pemeliharaanAsset::where('id_list_aset',$id_list_aset)->get();
// $pemeliharaan_asset = pemeliharaan_asset::select('pemeliharaan_asset.*', 'list_asset.kode_aset', 'list_asset.nama_aset')
// ->leftjoin('list_asset', 'pemeliharaan_asset.id_list_aset', '=', 'list_asset.id_list_aset')
// ->where('id_list_aset',$id_list_aset)
// ->get();
return response()->json(['perpindahanAsset' => $historyasset, 'dataKaryawan' => $datakaryawan, 'departement' => $departement, 'listAsset' => $listasset]);
// return response()->json($pemeliharaan_asset);
}
image.png
Gambar Modal dan harusnya data masuk ke tabel tersebut
image.png
Gambar button lognya ketika di klik akan muncul modal seperti di atas, mohon bantuannya... makasih
1 Jawaban:
Jawaban Terpilih
<div>Lebih baik pakai dropdown saja. Tidak ,menggunakan modal. Coba di dd terlebih dahulu. Apakah data memang sudah keluar sebelum di kirim ke jsonnya.</div><pre>dd($historyasset);</pre>