【问题标题】:How to use question alert using sweetalert in laravel?如何在 laravel 中使用 sweetalert 使用问题提醒?
【发布时间】:2020-11-25 10:18:34
【问题描述】:

我在 Laravel 中使用 sweetalert 时遇到问题 如何使用Alert::question 发出确认警报以删除表中的数据? 这是我的代码,但是数据被删除后出现警告,如何解决这个问题?

public function delete($id)
    {Alert::question('Benar Ingin Hapus data?','data tidak dapat dikembalikan')->persistent('Close');
        DB::table('daftar_pelanggans')->where('id',$id)->delete();
        return redirect()->back();}

这是删除按钮view.blade

   <td>
       <a href="{{ url('pages/daftar_pelanggan/edit/'.$pelanggan->id) }}" class="btn btn-sm btn-primary"> 
 <i class="fa fa-edit"></i></a>
    <a href="{{ url('daftar_pelanggan/delete/'.$pelanggan->id) }}"><button class="btn btn-sm btn-danger" ><i class="fa fa-trash"></i></button></a>
     </td>

这是路由web.php

Route::get('daftar_pelanggan/delete/{id}', [DaftarPelangganController::class,'delete'])->name('daftar_pelanggan.delete');

输出:

【问题讨论】:

    标签: javascript php laravel sweetalert sweetalert2


    【解决方案1】:

    您应该在页面上使用带有删除按钮/链接的 javascript 代码来处理它(不是 PHP 代码)。

    使用 onclick 删除链接的示例

    <a  href="javascript:void(0)" action="{{ url('daftar_pelanggan/delete/'.$pelanggan->id) }}" onclick="deleteData(this)"><button class="btn btn-sm btn-danger" ><i class="fa fa-trash"></i></button></a>
    

    然后在 sweetalert js 之后将以下代码添加到刀片/视图的底部。

        function destroyData(link) {
            swal({
                icon: 'warning',
                title: 'Benar Ingin Hapus data?',
                text: 'data tidak dapat dikembalikan',
                buttons: ["No", "Yes"],
                dangerMode: true,
            })
                .then(isClose => {
                    if (isClose) {
                        window.location = $(link).attr('action');
                    } else {
                        swal("Delete data canceled");
                    }
                });
        }
    

    不要忘记将href属性更改为action或其他属性名称,以防止点击后自动重定向到href值。

    【讨论】:

    • 谢谢,但您的代码无法用于取消按钮,我的问题已经解决,谢谢您的回答
    猜你喜欢
    • 2014-01-14
    • 2015-12-04
    • 2021-07-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-02-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多