4

I am using yii2 bootstrap model to show some data on that and bootstrap model is close through two ways,

1)on click of model close button.

2)on click of that black area which is appeared in background like light-box.

I already handle the close button event but unable to handle that black area click event. I don't want to close my model while click on that black area how should i do that.Please help me. Thanks in advance.

My model

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

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

 Modal::end();
arogachev
  • 33,150
  • 7
  • 114
  • 117
Vikram Pote
  • 5,433
  • 4
  • 33
  • 37

2 Answers2

4

For preventing closing when clicking on black area use:

'backdrop' => 'static',

There is another way of closing - by clicking Esc button. It can be prevented like that:

'keyboard' => false,

You should put these options under clientOptions section like that:

'clientOptions' => [
    ...
],

See this related question for details.

No need to write additional javascript for events to achieve that.

Community
  • 1
  • 1
arogachev
  • 33,150
  • 7
  • 114
  • 117
2

Use the following method:

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

For more details please refer this.

arogachev
  • 33,150
  • 7
  • 114
  • 117
Chinmay Waghmare
  • 5,368
  • 2
  • 43
  • 68
  • 1
    If you still decided to use event to handle this, alternatively you can specify it via [clientEvents](http://www.yiiframework.com/doc-2.0/yii-bootstrap-widget.html#$clientEvents-detail) property. – arogachev Apr 24 '15 at 10:22