передача данных в bootstrap modal из вызова ajax

64
8

Я прочитал несколько сообщений, задающих аналогичный вопрос, но мне все еще трудно выполнить эту работу. Я просто хочу, чтобы мой модал имел динамические данные. Это то, что я сейчас имею:

Функция для заполнения таблицы данными:

function getHitch(){    
$.getJSON(
"..localhost/HitchBoard/test.txt",
function(data) {
var table = "<thead><tr><th><span>Flight Date</span></th><th><span>Flight Time</span></th><th><span>From</span></th><th><span>To</span></th>"+
"<th><span>Aircraft</span></th><th><span>Pets</span></th><th><span>Children</span></th></tr></thead><tbody>";

$.each(data, function(i,item) {
var date = new Date(item.flight.flightDate);

table += '<tr>';
table += '<td id="">'+date.toDateString()+'</td>';
table += '<td>'+date.toTimeString()+'</td>';
table += '<td>'+item.flight.fromAirport.name+'</td>';
table += '<td>'+item.flight.toAirport.name+'</td>';
table += '<td>'+item.flight.requestedAircraft.typeName+'</td>';
table += '<td>'+item.petsAllowed+'</td>';
table += '<td>'+item.childrenAllowed+'</td>';
table += '<td><button class="open-AddBookDialog btn btn-primary" data-toggle="modal" data-target="#myModal">Accept Flight</button></td>';

table += '</tr>';
});
table += '</tbody>';
$("#keywords").append(table).tablesorter();
}
);

}

модальный

        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h2 class="modal-title" id="myModalLabel">Flight: From: KHPN - To: KHPN</h2>
</div>
<div class="modal-body" id="modalBody">

</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary">Message Member</button>
<button type="button" class="btn btn-primary">Accept Flight</button>
</div>
</div>
</div>
</div>

по щелчку

$(document).on("click", ".open-AddBookDialog", item, function () {
var modal=item.flight.fromAirport.name;
$("#modalBody").append( modal );
});

Я считаю, что мне нужно передать данные в onClick, как? Но у меня возникли проблемы с попыткой выполнить работу.

Примечание: остальная часть таблицы загружается правильно, и есть кнопка для модального файла, который создается для каждой строки. Просто когда я нажимаю, чтобы открыть модальный, информация неверна

спросил(а) 2014-03-05T00:15:00+04:00 7 лет, 4 месяца назад
0
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема