Bootstrap and bootbox

Question

Im пытается создать диалоговое окно загрузки, имеющее три кнопки, которые могут переключаться в зависимости от определенных разрешений.

Я могу создать диалог со всеми тремя кнопками, но я не уверен, как динамически отключать кнопки в своем 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 
    } 
}]); 

так, если у меня есть разрешение для рендеринга, я хочу, чтобы кнопка рендеринга была включена.

Кто-нибудь?

Answer 1

У меня была аналогичная проблема, и я нашел способ получить доступ к кнопкам через 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();