カスタマイズする方法Bootbox.jsプロンプトオプション

Question

私は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);       
    } 
}); 

どのように私はタイトルやボタンのラベルをカスタマイズすることができますか？

Answer 1

カスタムダイアログを使用してカスタムプロンプトを作成することができます。 あなたが知っておかなければならないのは、bootboxに渡すメッセージ文字列がプレーンテキストである必要はないということだけです。これはHTMLでもかまいませんので、独自のプロンプトをカスタムブートボックスダイアログに入れることができます。カスタムラベルを持つオブジェクトを渡したい場合はパラメータを1つだけ取り

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

Answer 2

bootbox.prompt：何をしようとする

は、この（Bootbox 4.xを使用して）です。だから、それを動作させるには、あなたの設定オブジェクトにコールバックを入れなければなりません：

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