Bootstrap и загрузочный бокс

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

Я могу создать диалог со всеми тремя кнопками, но я не уверен, как динамически отключать кнопки в моем javascript. Я могу узнать, как отключить часть html, используя следующее:

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

Можно ли отключить мои кнопки в моем диалоговом окне загрузки в моем javascript:

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

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

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

Кто угодно?


javascript twitter-bootstrap bootbox
person user1555190    schedule 25.07.2013    source источник

Ответы (1)


arrow_upward
4
arrow_downward

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

overrideСоздайте диалоговое окно загрузочного окна с помощью:

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();
person Robin J    schedule 20.05.2014
comment
Добавьте объяснение, почему он должен это делать. - person Andrei; 20.05.2014