Передача данных в модальное состояние с помощью $('#MyModal'). Modal('show');

Question

Dygraphs - это плагин, который позволяет легко превращать JSON в диаграммы на HTML-странице. С помощью диаграммы, я могу аннотировать диаграмму, и аннотации могут иметь событие clickHandler:

annotations.push({
    series:  "@Model.Project.id_project",
    x: date,
    shortText: "X",
    text: message,
    cssClass: "annotation",
    clickHandler: function(annotation, point, dygraph, event) {
        $('#ChangeOrderModal').modal('show');  //<<<<<------------------------
    }
});

Эта строка:

$('#ChangeOrderModal').modal('show');

Хорошая работа по открытию этого мода:

<div id="ChangeOrderModal" class="modal hide fade">
<div class="modal-body">
    This is a test
</div>
<div class="modal-footer">
    <a href="#" data-dismiss="modal" class="btn">Close</a>
</div>

Но мне нужно передать некоторые данные в этот модал, и я не уверен, как это сделать. Для простоты, давайте просто скажем, что это строка:

<div class="modal-body">
    This is a test.  String passed in: ______
</div>

Из аннотации, где я открываю модальный, как я передам строку? И как бы я отобразил это в модале?

Спасибо!

Answer 1

Добавьте некоторый элемент в ваш модал для хранения данных:

<div class="modal-body">
  This is a test. String passed in: <span id="passed-in-string"></span>
</div>

А затем просто установите значение элемента перед показом модального:

clickHandler: function(annotation, point, dygraph, event) {
  var stringToPass = 'Something';
  $('#passed-in-string').html(stringToPass);
  $('#ChangeOrderModal').modal('show');  //<<<<<------------------------
}