2015-09-11 4 views
2

Мне было интересно, есть ли способ динамически обновлять содержимое загрузочного модального мода.Bootbox - как динамически изменять содержимое сообщения?

Пример

bootbox.dialog({ 
     message: "Hi there", 
     title: "My title", 
     buttons: { 
      main: { 
       label: "dismiss", 
       className: "btn-primary", 
      } 
     } 
    }); 


    newMessage = "this is a new message" 

Есть ли способ, чтобы заменить, что «Привет там» с новой строки NewMessage?

Спасибо за любую помощь или предложение

ответ

1

Простой! Создание обобщенной функции:

function bootBoxModal(title, message, type) { 
    bootbox.dialog({ 
     message: message, 
     title: title, 
     alertType: type, 
     buttons: { 
      main: { 
       label: 'Fechar', className: 'btn-default'} 
     } 
    }); 
} 

Вызов функция в настоящее время:

bootBoxModal("Title message", 
      "Content your message", 
      "type [alert,danger,warning,success]"); 
3

да, вы можете изменить bootbox Сообщ путем добавления реф.номера к сообщ. Ниже приведен пример кода.

bootbox.dialog({ 
     message: "<span id='dynamicMsg'>Hi there</span>", 
     title: "My title", 
     buttons: { 
     main: { 
      label: "dismiss", 
      className: "btn-primary", 
     } 
     } 
    }); 

    //Add this line wherever you want to change msg 
    $("#dynamicMsg").text("This is dynamic msg"); 
0

Другое решение - это просто заменить содержимое напрямую, в этом примере используется jQuery.

#jQuery 
$('.modal-title').html('New Title'); 
$('.modal-body').html('New Message'); 
Смежные вопросы