2017-01-01 31 views
0

我对表格行中的每个数据都进行按钮操作。每行产生使用foreach laravel blade模板。该事件将触发一个Javascript操作来删除数据。但在我的情况下,按钮仅适用于第一行数据。 这里我的JavascriptHTML代码onclick事件仅在第一个工作​​子(laravel foreach)

function hapusFaskes(kode){ 
 
     var kodeStr = kode.toString(); 
 
     var mes = confirm('Yakin Faskesnya mau di Hapus?'); 
 
     alert(kode); 
 
     if (mes == true){ 
 
      $.ajax({ 
 
       headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}, 
 
       url:'{{url('deleteFaskes')}}'+'/'+kode, 
 
       type:'get', 
 
       success: function (r){ 
 
        console.log(r); 
 
        alert(r); 
 
        location.reload(); 
 
       } 
 
     }); 
 
     } 
 
    }
<tbody id="hasil-tabel"> 
 
    @foreach ($faskes as $val) 
 
    <tr> 
 
    <td>{{$val->kode}}</td> 
 
    <td>{{$val->nama}}</td> 
 
    <td>{{$val->jenis}}</td> 
 
    <td>{{$val->alamat}}</td> 
 
    <td>{{$val->notelp}}</td> 
 
    <td>{{$val->jambuka}}</td> 
 
    <td> 
 
     <a href="{{url('editfaskes').'/'.$val->kode}}" class="btn btn-default" >Edit</a> 
 
     <a href="#" type="button" onclick="hapusFaskes({{$val->kode}})" class="btn btn-default" data-toggle="modal" data-target="#modal-faskes_delete">Hapus</a> 
 
    </td> 
 
    </tr> 
 
    @endforeach 
 
</tbody>

我不知道是否有关于我的代码一些错误,如果你知道的东西错了,请告诉我,这如果你知道我的代码有问题,对我来说将是一个很大的帮助。谢谢

+0

你尝试过这个网址: '{{URL( “deleteFaskes”)}}' + '/' + KODE,? –

+0

我需要在删除前先确认.. –

+0

分享您在浏览器中获得的HTML – itzmukeshy7

回答

0

尝试使用下面的代码与表单操作一起使用甜蜜警报进行确认。

<form action="{{ url('deleteFaskes/'. kode) }}" method="POST" class="btn-inblock-laravel"> 
{!! method_field('delete') !!} 
<input type="hidden" name="_token" value="{{ csrf_token() }}"> 
<a class="btn btn-danger btn-icon btn-xs tip" type="button" onclick="commonDelete(this)"><i class="icon-remove3"></i></a> 
</form> 

// include sweet alert js in assets folder 
<script src="{{ asset('assets/js/sweetalert.min.js') }}"></script> 
<script> 
    function commonDelete(element) { 
     swal({ 
        title: "Are you sure?", 
        type: "warning", 
        showCancelButton: true, 
        confirmButtonColor: "#DD6B55", 
        confirmButtonText: "Yes, delete it!", 
        closeOnConfirm: false 
       }, 
       function() { 
        element.parentElement.submit(); 
        setTimeout(function() { 
         swal({ 
          title: "Deleted!", 
          text: "", 
          type: "success", 
          showConfirmButton: false 
         }); 
        }, 2000); 
       }); 
    } 
</script>