Javascript 如何使用称为数据的ajax加载引导模式
我的剃须刀语法是Javascript 如何使用称为数据的ajax加载引导模式,javascript,jquery,asp.net-mvc,twitter-bootstrap,razor,Javascript,Jquery,Asp.net Mvc,Twitter Bootstrap,Razor,我的剃须刀语法是 @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.lastaccessda
@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>
}
@foreach(模型中的变量项)
{
@item.email
@item.lastaccessdate
}
这是我用来从控制器获取数据,然后将该数据绑定为选项卡中的表的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>";
}
函数Getinfo(elem)
{
var email=$(elem).data('assigned-id');
$.get('/Home/GetDetails',{email:email},函数(数据){grid(数据);});
}
功能网格(abc)
{
var-tab=“”;
制表符+=“”;
制表符+=“”;
tab+=“名称”;
选项卡+=“登录”;
选项卡+=“用户名”;
制表符+=“”;
制表符+=“”;
制表符+=“”;
for(abc中的var it)
{
制表符+=“”;
tab+=“”+abc[it]。名称+“”;
tab+=“”+abc[it]。登录+“”;
tab+=“”+abc[it]。用户名+“”;
制表符+=“”;
}
制表符+=“”;
制表符+=“”;
}
现在,我如何将“tab”中的数据绑定到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');
}
功能网格(abc)
{
var-tab=“”;
//…更多字符串附加
$('alertModalBody').html(选项卡);
$(“#alertModal”).modal('show');
}
我通常有一个隐藏的模态。
当我获得数据时,我会使用从服务器接收的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');
}
功能网格(abc)
{
var-tab=“”;
//…更多字符串附加
$('alertModalBody').html(选项卡);
$(“#alertModal”).modal('show');
}
谢谢,但应该是美元(“#alertModal”).modal('show')@他认为你是对的。我忘了把它放在那儿了。谢谢,但它应该是美元(“#alertModal”)。modal(‘show’)@他认为你是对的。我忘记把它放在那儿了。