2013-07-25 55 views
0

我試圖創建bootbox對話框,它有三個按鈕,可以根據特定的權限進行切換。Bootstrap和bootbox

我可以創建與所有三個按鈕的對話框,但我不知道如何動態,禁用我的JavaScript中的按鈕。我可以找出如何使用禁用peice的FO HTML如下:

<c:when test="${ loginDetails.canRender }"> 

是否有可能disble我bootbox對話框我的按鈕,在我的javascript:

bootbox.dialog("Do you want to continue ?", [{ 
    "label" : "render", 
    "class" : "btn-success", 
    "callback": function() {       

    } 
}, { 
    "label" : "overrride", 
    "class" : "btn-primary", 
    "callback": function() { 
     // do nothing 
    } 
}]); 

所以,如果我有權限渲染,我想渲染按鈕啓用。

有人嗎?

回答

4

我有一個類似的問題,我找到了一種通過JQuery訪問按鈕的方法。

overrideCreate與bootbox對話框:

bootbox.dialog({ 
     message: "Do you want to continue ?", 
     buttons: { 
     render: { 
       label: "render", 
       className: "btn-success", 
       callback: function() {} 
       }, 
       overrride: { 
        label: "override", 
        className: "btn-primary", 
        callback: function() {} 
       } 
     } 
    }); 

創建按鈕類似,可以讓你通過jQuery選擇例如訪問

$('button[data-bb-handler=render]') 

(替換 「渲染」 與唱片公司)

現在你可以隱藏/顯示您與渲染按鈕:

$('button[data-bb-handler=render]').show(); 
$('button[data-bb-handler=render]').hide(); 
+2

添加一些explenation他爲什麼要這麼做。 – Andrei