如何自定义Bootbox.js提示选项

如何自定义Bootbox.js提示选项,bootbox,Bootbox,我试图自定义bootboxjs.prompt选项,但它似乎不允许选项对象作为参数 这是我们的例子 如何自定义标题和按钮标签?您可以使用自定义对话框进行自定义提示。 您必须知道的唯一一件事是,您提供给bootbox的消息字符串不必是纯文本。它可以是HTML,因此您可以在自定义引导对话框中放置自己的提示 您试图做的是(使用Bootbox 4.x): bootbox.dialog({ 信息:“名字:”, 标题:“自定义标签”, 按钮:{ 主要内容:{ 标签:“保存”, 类名:“btn主节点”, 回调:

我试图自定义bootboxjs.prompt选项,但它似乎不允许选项对象作为参数

这是我们的例子


如何自定义标题和按钮标签?

您可以使用自定义对话框进行自定义提示。 您必须知道的唯一一件事是,您提供给bootbox的消息字符串不必是纯文本。它可以是HTML,因此您可以在自定义引导对话框中放置自己的提示

您试图做的是(使用Bootbox 4.x):

bootbox.dialog({
信息:“名字:”,
标题:“自定义标签”,
按钮:{
主要内容:{
标签:“保存”,
类名:“btn主节点”,
回调:函数(){
log(“Hi”+$('#first_name').val());
}
}
}
});

引导框。如果要传递带有自定义标签的对象,则提示符只接受一个参数。因此,为了使其工作,您必须将回调放在配置对象中:

var promptOptions = {
  title: "Custom label",
  buttons: {
    confirm: {
      label: "Save"
    }
  },
  callback: function(result) {                
      if (result === null) {                                             
        console.log("Prompt dismissed");                              
      } else {
        console.log("Hi "+result);                          
      }
    }
};

bootbox.prompt(promptOptions);

我同意@mseo。这是正确使用提示符的最佳方法。选中此项:(面向未来的访问者)不幸的是,如果要添加
消息
选项,
提示符
支持
消息
选项,似乎需要使用
.dialog
。@TedAvery否,
提示符
支持
消息
选项。查看最新文档:message选项对我也不起作用,但文档上说它起作用了?奇怪。我可以在消息中使用javascript吗?这是我的问题,如果你能帮我吗?如果不输入任何内容,是否有方法使
ok
save
按钮保持禁用状态
var promptOptions = {
  title: "Custom label",
  buttons: {
    confirm: {
      label: "Save"
    }
  }
};

bootbox.prompt(promptOptions, function(result) {                
  if (result === null) {                                             
    console.log("Prompt dismissed");                              
  } else {
    console.log("Hi "+result);                          
  }
});
bootbox.dialog({
  message: "First name:<input type='text' id='first_name'>",
  title: "Custom label",
  buttons: {
    main: {
      label: "Save",
      className: "btn-primary",
      callback: function() {
        console.log("Hi "+ $('#first_name').val());
      }
    }
  }
});
var promptOptions = {
  title: "Custom label",
  buttons: {
    confirm: {
      label: "Save"
    }
  },
  callback: function(result) {                
      if (result === null) {                                             
        console.log("Prompt dismissed");                              
      } else {
        console.log("Hi "+result);                          
      }
    }
};

bootbox.prompt(promptOptions);