Всем привет
У меня на страницу выводится список тасков в форме алертов:
<h2><center>Task List:</center></h2>
@for (int i = 0; i < Model.Count; i++ )
{
Task t = Model[i];
<div class="alert alert-info doneTaskModal" role="alert" data-toggle="modal" id="@i" data-target="#doneTaskModalId">
@t.Text
</div>
}
По клику на алерт я хочу вызывать диалог с вопросом закрыть эту таску или нет. Мне надо в диалог передать id (который =@i), чтобы форма модального диалога отправила этот id в контроллер.
Я пробую это сделать с помощью js
<script type="text/javascript">
$(document).on("click", ".doneTaskModal", function () {
var myImageId = $(this).data('id');
alert(myImageId); //<< вот тут мы всегда получаем undefined variable
});
</script>
<!-- Modal -->
<div id="doneTaskModalId" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body">
@using (Html.BeginForm("Done", "Home", FormMethod.Post))
{
<input type="hidden" name="taskId" id="taskId" value=""/>
<button type="submit" class="btn btn-default">Finish task</button>
}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
Но пока у меня не получается. Попытка взять id с помощью js неудачна. И далее я не знаю как передать его в форму. В смысле то что нагуглил на стэковерфлоу не срабатывает.
Подскажите чайнику где ошибки