[英]how to load the bootstrap modal with the ajax called data
我的剃刀语法是
@foreach(var item in Model)
{
<td>@item.email</td>
<td><a href ="javascript:void(0);"onclick="Getinfo(this)" data-assigned-id="@item.email" ></a>@item.lastaccessdate</td>
}
这是我用来从控制器获取数据,然后将该数据绑定为选项卡中的表的javascript
function Getinfo(elem)
{
var email = $(elem).data('assigned-id');
$.get('/Home/GetDetails', { email: email }, function (data) { grid(data); });
}
function grid(abc)
{
var tab = "<table class='table'>";
tab += "<thead>";
tab += "<tr>";
tab += "<th>Name</th>";
tab += "<th>Login</th>";
tab += "<th>Username</th>";
tab += "</tr>";
tab += "</thead>";
tab += "<tbody>";
for (var it in abc)
{
tab += "<tr>";
tab += "<td>" + abc[it].Name + "</td>";
tab += "<td>" + abc[it].login + "</td>";
tab += "<td>" + abc[it].username + "</td>";
tab += "</tr>";
}
tab += "</tbody>";
tab += "</table>";
}
现在如何将“标签”中的数据绑定到Twitter引导模式弹出窗口? 提前致谢。
我通常有一个隐藏的模态。 当我获取数据时,我会使用从服务器接收到的html来影响正文。
<div class="modal fade" id="alertModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content modal-xl">
<div class="modal-header" style="text-align: center">
<h1>Something something Dark Side</h1>
</div>
<div class="modal-body modal-scroll" id="alertModalBody"></div>
<div class="modal-footer"></div>
</div>
</div>
</div>
对于您的情况,例如:
function grid(abc)
{
var tab = "<table class='table'>";
// ... More string appends
$('alertModalBody').html(tab);
$("#alertModal").modal('show');
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.