为什么Button onclick在服务器端的数据表上不起作用? Laravel 6

我在表上使用函数表删除了功能(使用数据表),该删除操作正常进行,但是我想在删除操作上添加一些弹出警报,例如“ onclick”,但对我的按钮没有作用

 public function indexDataTables_pns()
{

    $pns = Data_pns::with('users','master_golongan','master_jabatan')->get();


    return Datatables::of($pns)->addIndexColumn()

    ->addColumn('Nama',function ($pns) {
        return '<a href="/pns/'.$pns->id.'" target="_blank">'.$pns->users->nama.'</a>';   
    })
    ->editColumn('edit',function ($pns) {
        return '<a href="/edit_pns/'.$pns->id.'" target="_blank" class="btn btn-xs btn-success"><i class="glyphicon glyphicon-edit"></i></a>';
    })
    ->editColumn('hapus',function ($pns) {

        $c = csrf_field();
        $m = method_field('DELETE');

    return "<form action='/delete/$pns->id' method='POST')>
            $c
            $m

            <button style='margin-left:10px; width: 30px;' type='submit'
                class='btn btn-xs btn-danger delete' onclick='return 
                confirm('do you want to delete this data ?')'>
                <i class='glyphicon glyphicon-remove-circle'></i>
            </button>
        </form>";
    })
    ->rawColumns(['Nama' => 'Nama','hapus' => 'hapus','action' => 'action','edit'=>'edit'])
    ->make(true);

}

它不起作用

我尝试添加课程

<form action='/delete/$pns->id' method='POST' class='delete-form'>

并添加此脚本

<script>
$('.delete-form').submit(function(event){
    if(!confirm('Anda yakin mau menghapus item ini ?')){
        event.preventDefault();
    }
});

但是还是没用。我把它放在我的看法下。

我尝试像这样添加onsubmit

<form onsubmit='return confirm('Anda yakin mau menghapus item ini ?')'>

仍然没有用,我是从这个线程this link来的,但是我没有找到答案..

看看这个image

有人可以帮助我吗?


更新

我尝试添加此表单类

return "<form action='/delete/$pns->id' method='POST' class='delete-form')>

单击此删除按钮后此弹出窗口显示,但此消息为null / empty

 @push('scripts')
  <script>
    $(function() {
        $('#table').DataTable({
            processing: true,serverSide: true,responsive: true,ajax: '{!! route('d_pns') !!}',columns: [
                { data: 'DT_RowIndex',name: 'DT_RowIndex',orderable: false,searchable: false},{ data: 'Nama',name: 'Nama'},{ data: 'NIP_lama',name: 'NIP_lama'},{ data: 'NIP_baru',name: 'NIP_baru'},{ data: 'TMT_CPNS',name: 'TMT_CPNS'},{ data: 'TMT_PNS',name: 'TMT_PNS'},{ data: 'TMT_gol_ruang',name: 'TMT_gol_ruang'},{ data: 'master_golongan.golongan',name: 'master_golongan.golongan'},{ data: 'master_jabatan.nama_jabatan',name: 'master_jabatan.nama_jabatan'},{ data: 'edit',name: 'edit',{ data: 'hapus',name: 'hapus',],});
    })
    $('.delete-form').submit(function(event){
      if(!confirm('Anda yakin mau menghapus item ini ?')){
          event.preventDefault();
      }
  });
</script>

@endpush

为什么确认此消息为空?

didy21dd 回答:为什么Button onclick在服务器端的数据表上不起作用? Laravel 6

您的第一次尝试问题似乎是将引号“和”转义。尝试将您的邮件放在双引号“”中。这应该可以解决您的问题

<button style='margin-left:10px; width: 30px;' type='submit'
            class='btn btn-xs btn-danger delete' onclick='return 
            confirm("do you want to delete this data ?")'>
            <i class='glyphicon glyphicon-remove-circle'></i>
        </button>
,

已解决

需要添加

 <script type="text/javascript">
  function confirm_delete() {
    return confirm('Apakah anda yakin untuk menghapus data ini ? ');
  }
</script>

并添加onclick return confirm_delete()

本文链接:https://www.f2er.com/3155367.html

大家都在问