MVC - 将视图中的item.Id传递给模态形式的变量

时间:2018-03-01 11:57:58

标签: asp.net-mvc razor

很难在我的标题中解释,但基本上是我想要实现的目标:

我有一个视图,在表格中显示一些客户信息:

    @foreach (var item in Model.Where(x => x.User == User.Identity.GetUserName()))
    {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Client_ID)
        </td>
        <td>
            <a href="@Url.Action("Details", "Clients", new { id = item.Id })"> @Html.DisplayFor(modelItem => item.Client_Name)</a>
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Contact_Email)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Contact_Mobile)
        </td>
        <td>
            <input type="button" data-toggle="modal" data-target="#sendFormModal" class="btn btn-primary" value="Send Form" onclick="@ " />           
        </td>
    </tr>
}

从这里开始,每个Item都会生成一行,每行中都有一个按钮。我希望将item.Id和其他信息链接到该按钮,所以当我点击按钮时,它会打开一个模态,我可以使用该ID从我的表中获取其他数据。

在另一个按钮发送电子邮件之前,模式需要用户提供一些输入。因此,我需要从我的表中获取一些其他信息(包括电子邮件地址)。我有其余的过程工作,但只是无法弄清楚如何将该行中的任何数据传递到同一行上的模态/按钮。

模态代码FYI

        <!-- Modal -->
    <div class="modal fade" id="sendFormModal" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Send Client Data</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    <p>Select a Form</p>
                    <select class="form-control" id="formSelection">
                        <option></option>
                        <option>Test</option>
                    </select><br />
                    <p>Input your custom message</p>
                    <textarea class="form-control" id="formMessage"></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" onclick="SendClientForm()" class="btn btn-success" data-dismiss="modal">Send</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>

0 个答案:

没有答案