Ubah SPD Tanpa Refresh

app/Http/Controllers/RealisasiBelanjaController.php

@@ -604,7 +604,12 @@ class RealisasiBelanjaController extends Controller
                 }
             
                 DB::commit();
-                return redirect($redirect)->with('success','Data SPD berhasil di input!');
+                $msg = "Data SPD berhasil di input!";
+                if($request->ajax()){
+                    return response()->json(["success"=>true, "message"=>$msg]);
+                }else{
+                    return redirect($redirect)->with('success',$msg);
+                }
                 // }else{
                 //     return redirect($redirect)->with('error', "Data SPD belum dipilih!");
                 // }
@@ -612,7 +617,11 @@ class RealisasiBelanjaController extends Controller
             }catch(\Exception $e){
                 throw new \Exception($e->getMessage());
                 DB::rollBack();
-                return redirect($redirect)->with('error',$e->getMessage());
+                if($request->ajax()){
+                    return response()->json(["success"=>false, "message"=>$e->getMessage()]);
+                }else{
+                    return redirect($redirect)->with('error',$e->getMessage());
+                }
             }
         }
 

resources/views/realisasi_belanja/index.blade.php

@@ -150,9 +150,11 @@
     <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-fixedcolumns/js/fixedColumns.bootstrap4.min.js"></script>
     <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-rowgroup/js/dataTables.rowGroup.min.js"></script>
     <script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-rowgroup/js/rowGroup.bootstrap4.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.3/jquery.scrollTo.min.js"></script>
     <script type="text/javascript">
         $(document).ready(function(){
             var srcDate1 = null, srcDate2 = null;
+            var selectionRow = "";
 
             $("#srcJenisDana").on("change",function(){
                 subJenisDana($(this).val());
@@ -281,7 +283,7 @@
                     //            <button type="submit" class="btn btn-danger btn-sm"title="Hapus"><i class="fa fa-trash"></i></button>`:``;
                     let btnInput = `<a class="btn btn-warning btn-sm" href="{{ URL::to("/realisasi-belanja") }}/`+ aData["id"] +`/edit" title="Ubah"><i class="fa fa-edit"></i></a>
                                 <button type="submit" class="btn btn-danger btn-sm"title="Hapus"><i class="fa fa-trash"></i></button>`;
-
+                    $(nRow).addClass("c_row_"+aData["kode_rsk"]);
                     $("td:eq(0)", nRow).html(index);
                     $("td:eq(1)", nRow).html("<div style='width:200px;'>"+aData["kode_skpd"]+" | "+aData["nama_skpd"]+"</div>");
                     $("td:eq(2)", nRow).html("<div style='width:200px;'>"+aData["kode_program"]+" | "+aData["nama_program"]+"</div>");
@@ -369,7 +371,32 @@
                         ],
                     }
                 ],
+                "drawCallback": function( settings ) {
+                    $(".dataTables_scrollBody").scrollTo($("#tblRealisasi .c_row_"+selectionRow));
+                    console.log(selectionRow);
+                }
             });
+
+            $(document).on("submit","#frmInputSPD",function(e){
+                e.preventDefault();
+                $.ajax({   
+                    type: "POST",
+                    data : $(this).serialize(),
+                    url: $("#frmInputSPD").attr("action"),   
+                    success: function(data){
+                        $("#modal-default").modal("hide");
+                        if (data.success == true)
+                        {
+                            dtTable.ajax.reload(null, false);
+                            selectionRow = $("input[name=id_rsk]").val();
+                            Swal.fire(data.message, '', 'success');
+                        }else{
+                            Swal.fire(data.message, '', 'error');
+                        }                   
+                    }   
+                });
+            });
+
         });
     </script>
 @endsection