Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja

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

avatar chrrriann
@chrrriann

15 Kontribusi 2 Poin

Diperbarui 1 tahun yang lalu

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>

avatar Ipinppc
@Ipinppc

27 Kontribusi 5 Poin

Dipost 1 tahun yang lalu

Login untuk ikut Jawaban