簡體   English   中英

yii2 bootstrap模態隱藏顯示

[英]yii2 bootstrap modal hide show

我正在使用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();  

為防止點擊黑色區域時關閉使用:

'backdrop' => 'static',

還有另一種關閉方式 - 單擊Esc按鈕。 可以像這樣預防:

'keyboard' => false,

您應該將這些選項放在clientOptions部分下面:

'clientOptions' => [
    ...
],

有關詳情,請參閱此相關問題

無需為事件編寫額外的javascript來實現這一點。

使用以下方法:

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

有關詳細信息,請參閱此處

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM