Подтвердить что ты не робот

Как настроить параметры загрузки Bootbox.js

Я пытаюсь настроить параметры bootboxjs.prompt, но кажется, что он не позволяет объект options в качестве параметра

Это пример из 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);                          
  }
});

Как настроить подпись и кнопки на этикетке?

4b9b3361

Ответ 1

Вы можете создать пользовательское приглашение с помощью настраиваемых диалогов. Единственное, что вам нужно знать, это то, что строка сообщения, которую вы передаете 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());
      }
    }
  }
});

Ответ 2

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