很难在我的标题中解释,但基本上是我想要实现的目标:
我有一个视图,在表格中显示一些客户信息:
@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">×</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>