yii2 bootstrap 模态隐藏显示

Question

我正在使用 yii2 bootstrap 模型来显示一些数据 bootstrap模型通过两种方式关闭，

1) 单击模型关闭按钮。

2)点击背景中出现的灯箱一样的黑色区域。

我已经处理了关闭按钮事件但是无法处理那个黑色区域的点击事件。 我不想在单击那个黑色区域时关闭我的模型我应该怎么做 that.Please 帮助我。 提前致谢。

我的模型

<?php 
Modal::begin([
    'header' => 'Student Info',
    'id' => 'stud-info',
    'closeButton' => ['id' => 'close-button'],      
    ]); 

    $form->field($model, 'StudName',
        [
        'options'=>['enableAjaxValidation' => false]
        ])->textInput();

 Modal::end();  

Answer 1

使用以下方法：

$('#myModal').on('hidden.bs.modal', function (e) {
  // do something...
})

详情请参考this。

Answer 2

为了防止点击黑色区域时关闭使用：

'backdrop' => 'static',

还有另一种关闭方式 - 单击 Esc 按钮。可以这样预防：

'keyboard' => false,

您应该将这些选项放在 clientOptions 部分下，如下所示：

'clientOptions' => [
    ...
],

详情见this related question。

无需为事件编写额外的 javascript 即可实现。