2017-06-16 33 views
0

我試圖創建一個模式窗口,它將在某些條件下打開。 我確實創建了一個模式窗口,當點擊按鈕時打開。我應該改變什麼?我應該如何在特定條件下處理來自控制器的調用模式窗口

我的觀點:

<button type="button" data-toggle="modal" data-target="#popupModal">open</button> 
    <div id="popupModal" 
     class="modal hide fade" 
     tabindex="-1" 
     role="dialog" 
     aria-labelledby="popupModalLabel" 
     aria-hidden="true"> 


     ...some html 
    </div> 
</div> 

我的控制器:

if (some conditions) 
        { 
         //here i want to open my modal window somehow 
        } 
+0

你正在使用引導模式? –

+0

@mathiasfc,是 –

+0

我用一個例子更新了我的答案,任何疑問都問我。 –

回答

1

您可以在按鈕click事件檢查這些條件,

$(button).click(function(){ 
    if (some conditions) 
    { 
     $("#popupModal").modal("show"); 
     //$("#popupModal").show(); 
    } 
}); 

我創建的jsfiddle用一個例子爲你:JsFIddle

+0

如果這些條件是來自控制器的布爾方法,我應該怎麼做,訪問數據庫是什麼? –

+0

@VolodymyrHnot我不是最好的人迴應你,但我該如何做到這一點:你需要找出一種方法將布爾方法的返回發送給javascript,或者你可以在代碼中執行這些驗證並在那裏調用腳本來顯示引導模式。 –

0

從您的控制器發送您的選項在數據陣列中加載視圖時。 例如,你的代碼應該是這樣..

控制器:

$data = array(); 
if (some conditions) 
{ 
    $data['option1'] = 'modal1'; 
} 
else{ 
    $data['option2'] = 'modal2'; 
} 
$this->load->view('your view file', $data); 

查看:

if($option1){ 
    // modal 1 html 
} 
else{ 
    // modal 2 html 
} 

試試這個。我希望你有個想法。

相關問題