HTML 在 foreach 循环中以模态形式开始

Question

我有一个 foreach 循环，它在我所有的约会中运行。所有这些约会都必须获得评级，我希望用户在 bootstrap 模态中填写该评级。我已经尝试将 id 传递给 HTTPPost 方法，而没有完美运行的模态。我感觉 data-toggle 属性正在毁掉它。我知道这种代码并不理想，但我希望用户填写评论而不将他们重定向到另一个页面。有人知道如何确保传递给 HTTPPost 方法的 id 是正确的吗？现在我总是得到列表中第一个约会的 ID。任何帮助都非常受欢迎。

<tbody> 
@foreach (Appointment a in Model.Appointments)
{
if (DateTime.Now > a.endingDate && Model.Account.idBabysitters.Equals(null))
{
<tr>
    <td data-name="Van" class="text-center"><p>@a.startingDate</p></td>
    <td data-name="Tot" class="text-center"><p>@a.endingDate</p></td>
    <td data-name="Prijs" class="text-center"><p>@a.fee</p></td>
    <td><button type="button" class="btn btn-primary btnReview" data-toggle="modal" data-target=".myModal">&#x2729; Geef punten</button></td>
    <td class="modalTD">
    <div class="container">
        @using (Html.BeginForm("Score", "Appointment", new { @id = a.idAppointments, enctype = "multipart/form-data" }, FormMethod.Post))
        {
        <div class="modal fade myModal" role="dialog">
            <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                <button type="button" class="close btnCloseModal" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Schrijf Recensie</h4>
                </div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                <input type="submit" value="Klaar!" class="btn btn-default btnCloseModal">
                </div>
            </div>
            </div>
        </div>
        }
    </div>
    </td>
</tr>
}
}
</tbody>

Answer 1

你的模态按钮

  <button type="button" class="btn btn-primary btnReview" data-toggle="modal" data-target="@(String.Format("{0} {1}", .myModal, a.idAppointments))">&#x2729; Geef punten</button>

你模态

 <div class="@String.Format("{0} {1} {2} {3}, modal, fade, myModal, a.idAppointments")" role="dialog">

想法是为每个约会项目使用不同的模态 class 名称。至于现在你的按钮总是得到它能找到的第一个模式因此你在 post 方法中得到相同的 id。

HTML 在 foreach 循环中以模态形式开始

HTML Beginform in modal in foreach loop

html

html.beginform

bootstrap-modal