在Beginach循环中以模态进行HTML Beginform

时间:2016-01-03 10:41:39

标签: html bootstrap-modal html.beginform

我有一个foreach循环,通过我的所有约会运行。所有这些约会必须得到一个评级,我希望用户在引导模式中填写。 我已经尝试将id传递给HTTPPost方法而没有完美的模态。 我有一种感觉,数据切换属性正在破坏它。 我知道这种代码并不理想,但我希望用户填写评论而不将其重定向到另一页。 是否有人知道如何确保传递给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>

1 个答案:

答案 0 :(得分:1)

你的btn for modal

  <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">

想法是为每个约会项目设置不同的模态类名称。至于现在你的按钮总是得到它可以找到的第一个模态,因此你在post方法中得到相同的id。