我正在尝试自定义bootboxjs.prompt选项,但似乎不允许选项对象作为参数
这是 http://bootboxjs.com/index.html#api 中的示例
bootbox.prompt("What is your name?", function(result) {
if (result === null) {
Example.show("Prompt dismissed");
} else {
Example.show("Hi <b>"+result+"</b>");
}
});
这就是我试图传递的内容:
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 的消息字符串不必是纯文本。它可以是 HTML,因此您可以将自己的提示放在自定义引导框对话框中。
您正在尝试做的是(使用Bootbox 4.x):
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());
}
}
}
});
如果要传递带有自定义标签的对象,bootbox.prompt
只采用一个参数。所以为了让它工作,你必须把你的回调放在你的配置对象中:
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);