Передача переменных в Bootstrap Modal?

Question

Я искал другие «переменные в модальные» потоки, и я не могу найти ответ, который мне нужен. У меня есть приложение ASP.NET (не MVC), и у меня есть сетка, которая генерирует ряд кнопок. Я пытаюсь сохранить свои модальные операции на стороне клиента. Мой итоговый код кнопки выглядит следующим образом:

<input type="button" value="Add Note" 
    onclick="return false;javascript:__doPostBack(&#39;ctl00$ContentPlaceHolder1$grd888Poker&#39;,&#39;Button$4001&#39;)" 
class="btn btn-primary btn-xs" 
data-toggle="modal" 
data-target="#myModal" 
entryID="4001" /> 

Модальные всплывающие окна просто отлично. Но мне нужно передать атрибут entryID в скрытое поле в модальном. Obv Мне нужен какой-то JS, но поскольку я разрешаю Bootstrap обрабатывать модальный код, мне нечего переопределять. Как передать переменную модальному в этом сценарии?

Answer 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"); 
}); 

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