2016-12-18 49 views
0

當我點擊模式按鈕是這樣的。如何在Laravel中使用模態引導提醒消息?

<button class="btn btn-danger" name="button" title="Hapus" method="get" data-toggle="modal" data-target="#deleteModal{{$objek->id}}" onclick="javascript: {{url('/admin/objek/'.$objek->id)}}"><i class="fa fa-trash-o fa-lg"></i> 
</button> 

和我的模式是這樣的。

<div class="modal fade" id="deleteModal{{$objek->id}}" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="exampleModalLabel">Hapus Objek Wisata</h4> 
     </div> 
     <div class="modal-body"> 
     <p> 
     Hapus data objek wisata dengan nama {{$objek->nama_objek}}? 
     </p> 
     </div> 
     <div class="modal-footer"> 
     <form class="" action="{{url('/admin/objek', $objek->id)}}" method="post"> 
      <input type="button" class="btn btn-default" data-dismiss="modal" value="Tidak"> 
      <input type="hidden" name="_method" value="delete"> 
      <input type="hidden" name="_token" value="{{ csrf_token() }}"> 
      <input type="submit" class="btn btn-danger" name="name" value="Hapus"> 
     </form> 
     </div> 
    </div> 
    </div> 
</div> 

問題是如何在頁面重新載入後顯示模式引導與警報消息?

這樣的提醒信息,但我想在模態bootstrap中,當我點擊模式刪除按鈕。

<script type="text/javascript">alert("Data has been submitted");</script> 

感謝您的關注。

回答

0

您可以使用session data使頁面重新加載時打開模式。

提交申請後,只需添加一些變量來會話是這樣的:

return redirect('route')->with('show_modal', true); 

view.blade.php

<scirpt> 
    $(function(){ 
     var show_modal = "{{ session()->pull('show_modal') }}"; 

     if(typeof show_modal !== 'undefined' && show_modal) { 
      $('#modalId').modal('show'); 
      // This will open up the modal if the variable is present in session as true 
      // OR you can simply show an alert message! 
      alert("Data has been submitted"); 
     } 
    }); 
</script> 

希望這有助於!

+0

對不起,但這種方式仍然無法正常工作。其他解決方案? –

+0

解釋你的問題與錯誤... –

+0

我得到這個錯誤'未捕獲ReferenceError:$未定義' –