Question

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

1）点击模型关闭按钮。

2）点击那个出现在背景中的黑色区域，如灯箱。

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

我的模特

<?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

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

'backdrop' => 'static',

还有另一种关闭方式 - 点击Esc按钮。它可以像这样被阻止：

'keyboard' => false,

您应该将这些选项放在clientOptions部分下面：

'clientOptions' => [
    ...
],

有关详细信息，请参阅this related question。

无需为活动编写额外的javascript来实现这一目标。

Answer 2

使用以下方法：

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

有关详细信息，请参阅this。

yii2 bootstrap模态隐藏显示

2 个答案: