Передача переменных в модальный загрузчик?
Я искал другие потоки" переменная-модал", и я не могу найти ответ, который мне нужен. У меня есть ... ASP.NET приложение (не MVC) и у меня есть сетка, которая генерирует серию кнопок. Я пытаюсь сохранить свои модальные операции на стороне клиента. Полученный код кнопки выглядит следующим образом:
<input type="button" value="Add Note"
onclick="return false;javascript:__doPostBack('ctl00$ContentPlaceHolder1$grd888Poker','Button$4001')"
class="btn btn-primary btn-xs"
data-toggle="modal"
data-target="#myModal"
entryID="4001" />
Модальное всплывает просто отлично. Но мне нужно передать атрибут entryID в скрытое поле в модальном режиме. Obv мне нужен какой-то JS, но так как я позволяю Bootstrap обрабатывать модальный код там нет ничего для меня, чтобы переопределить. Как я могу передать переменную модальному в этом сценарии?
1 ответ:
Вы всегда можете присоединить событие к модальному, когда оно показано, и либо добавить скрытое поле ввода, либо установить значение уже существующего скрытого поля ввода. Событие
show.bs.modalдолжно вызываться каждый раз, когда показывается модал, даже если Bootstrap обрабатывает показ модала или если вы показываете его из JavaScript.$('#myModal').on('show.bs.modal', function() { $("#entryField").val($('#myModal').attr("entryID")); })Или
$('#myModal').on('show.bs.modal', function() { var hiddenField = $(document.createElement("input")).prop("type", "hidden").appendTo("#myModal"); })События кнопок:
Обратите внимание, что для этого требуется, чтобы скрытое поле уже существовало внутри модального окна.$("input[type='button']").click(function() { $("#myModal").find("input[type='hidden']").val($(this).attr("entryID"); });
Comments