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