Yii2：用 Sweet Alert 替换 Gridview 使用的默认确认消息

我在用yii2mod/yii2-sweet-alert在我的项目中，我在基本和高级主题上使用它，我喜欢它。

问题。如何更改网格默认确认对话框（普通 JavaScript 确认）以便使用甜蜜警报为了让它看起来更好？

我已经尝试修改按钮的删除模板，因为如果您想更改消息，您将执行以下操作：

        [
            'class' => ActionColumn::className(),
            'template' => '{update}{delete}',
            'buttons' => [
                'delete' => function($url, $model){
                    return Html::a('<span class="glyphicon glyphicon-trash"></span>', ['delete', 'id' => $model->id], [
                        'class' => '',
                        'data' => [
                            'confirm' => 'Are you absolutely sure ? You will lose all the information about this user with this action.',
                            'method' => 'post',
                        ],
                    ]);
                }
            ]
        ]

但我还没有成功地将确认消息从 javascript 消息更改为甜蜜警报。

我也正在尝试作为第二个选择，使其与Krajee/网格和actionColumn但仍然可以让它工作“这是我正在工作的第二个选项，做到这一点”。

        [
            'class' => 'kartik\grid\ActionColumn',
            'viewOptions' => ['hidden' => true],
            'updateOptions' => ['title' => 'Edit events', 'data-toggle' => '??'],
            'deleteOptions' => ['title' => 'delete your event', 'data-toggle' => 'I am Lost here'],
        ],

请问您知道如何改变这种行为吗？

有关如何解决该问题的更多信息 - 谢谢 @muhammad-omer-aslam

1. 在我的例子中，在您的公共文件夹中创建一个 js 文件
   /backend/web/js/confirmSwal.js并添加提供的代码：

   添加这些行

   yii.confirm = function (message, okCallback, cancelCallback) {
       swal({
           title: message,
           type: 'warning',
           showCancelButton: true,
           closeOnConfirm: true,
           allowOutsideClick: true
       }, okCallback);
   };
   

2. 将其添加到您的 AppAssets 中

   /backend/assets/AppAssets.php

   public $js = [
       '/js/confirmSwal.js',
   ];
   

3. 就是这样，它工作起来很漂亮。

再次感谢穆罕默德。

UPDATE2

只需更正您需要执行的代码

• okCallback.call()或添加括号()就像'okCallback()`
• 进而cancelCallback.call()或添加括号cancelCallback()

在 - 的里面.then((selection)=>{})它是一个匿名函数，需要调用而不仅仅是使用okCallback所以里面的代码.then((selection)=>{}) becomes

if(selection){ okCallback.call();}else{ cancelCallback.call();}

UPDATE

以下选项已被弃用sweetalert 2.0版本，

• callback有利于promise： 如果用户单击确认按钮，则承诺将解析为true。如果警报被解除（通过单击警报外部），则承诺将解析为null.

• allowClickOutside is now closeOnClickOutside为了清楚起见。

• showCancelButton and showConfirmButton不再需要。相反，您可以设置buttons: true显示两个按钮或buttons: false隐藏所有按钮。默认情况下，仅显示确认按钮。
• 当使用单个字符串参数时（例如swal("Hello world!"))，该参数将是模态的text而不是它的title.
• type and imageUrl已被替换为单个icon选项。如果您使用的是速记版本（swal("Hi", "Hello world", "warning")）你不必改变任何东西。

因此，如果您使用的是 ver，可以将代码更改为以下内容2.x或升级自1.x.

yii.confirm = function (message, okCallback, cancelCallback) {
    swal({
            text: message,
            icon: 'warning',
            buttons : {
                cancel : {
                    text : "Oops! No",
                    value : null,
                    visible : true,
                    className : "",
                    closeModal : true
                },
                confirm : {
                    text : "Delete It Already",
                    value : true,
                    visible : true,
                    className : "",
                    closeModal : true
                }
            },
            closeOnClickOutside: true
    }).then((selection) => {
     if(selection){okCallback;}else{cancelCallback;}
    });
}

你可以覆盖 Yii2 默认值data-confirm弹出窗口，代码如下：

基础知识是包含资产，然后添加以下 JS：

/**
 * Override the default yii confirm dialog. This function is
 * called by yii when a confirmation is requested.
 *
 * @param message the message to display
 * @param okCallback triggered when confirmation is true
 * @param cancelCallback callback triggered when canceled
 */
yii.confirm = function (message, okCallback, cancelCallback) {
    swal({
        title: message,
        type: 'warning',
        showCancelButton: true,
        closeOnConfirm: true,
        allowOutsideClick: true
    }, okCallback);
};