fenclox

Responsive load data on modal

Dec 8th, 2021
838
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. {{-- blade - index --}}
  2.  
  3. <a href="#" class="btn btn-icon btn-bg-light btn-active-color-primary btn-sm penilaian-detail" title="Detail Penilaian" data-bs-toggle="modal" onclick="initDataTablePelamar({{$item->nik.', '.$item->kode_job}})"
  4.     data-kode_job="{{$item->kode_job}}"
  5.     data-nik="{{$item->nik}}"
  6. >
  7.     <i class="bi bi-stickies-fill"></i>
  8. </a>
  9.  
  10. {{-- blade - modal --}}
  11.  
  12. <table id="list_history_table" class="table table-row-bordered">
  13. </table>
  14.  
  15. {{-- blade - modal (JS) --}}
  16.  
  17. <script type="text/javascript">        
  18.     function initDataTablePelamar(nik, kode_job){
  19.         $('#list_history_table').DataTable().clear().destroy();
  20.         $('#list_history_table').DataTable({
  21.            
  22.             "searching": false,
  23.             "paging":   false,
  24.             "ordering": false,
  25.             "info":     false,
  26.             "ajax": {
  27.                 "url": "{{url("/api/monitoring-pelamar/penilaianDetail")}}" + "/" + nik + "/" + kode_job,
  28.                 "type": "GET",
  29.                 "dataType": "json",
  30.             },
  31.             "scrollX" : false,
  32.             "columns":[
  33.                 {"data" : "nama_dimensi"},
  34.                 {"data" : "nama_uraian"},
  35.                 {"data" : "interview_1"},
  36.                 {"data" : "interview_2"},
  37.                 {"data" : "interview_3"},
  38.             ]
  39.         });
  40.         $("#penilaianDetail").modal("show");
  41.     };  
  42. </script>
RAW Paste Data