と呼ばれるデータ

Question

私のかみそりの構文は、これは私がタブに表としてそのデータを結合、コントローラからデータを取得するために使用していたJavaScriptが

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

} 

ある

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ブートストラップモーダルポップアップにバインドするにはどうしたらいいですか？ありがとうございます。

Answer 1

私は通常、隠されたモーダルを持っています。 データを取得すると、サーバーから受信した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'); 
}