javascript - Bootstrap 和 Bootstrap 箱

Question

我正在尝试创建 Bootstrap 框对话框，该对话框具有三个按钮，可以根据某些权限进行切换。

我可以使用所有三个按钮创建对话框，但我不确定如何动态禁用我的 JavaScript 中的按钮。我可以使用以下命令了解如何禁用 html 内容:

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

是否可以在我的 javascript 中禁用 Bootstrap 框对话框上的按钮:

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 访问按钮的方法。

覆盖创建您的 Bootstrap 箱对话框:

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();