は、私はASP.NETのC＃で働いていると私は、次の疑問を持っていたモーダルデータに

Question

をパラメータを渡します。より具体的にするために

@model IEnumerable<SoftIdeiaProject.Models.DB.Content> 
 

 

 

 
@{ 
 
    ViewBag.Title = "Details"; 
 
    Layout = "~/Views/Shared/_Layout.cshtml"; 
 
} 
 

 
<h2>Details</h2> 
 

 

 
@Html.ActionLink("Create New", "CreateContent", Url.RequestContext.RouteData.Values) 
 
<table class="table"> 
 
    <tr> 
 
     <th> 
 
      @Html.DisplayNameFor(model => model.Name) 
 
     </th> 
 
     <th></th> 
 
    </tr> 
 

 
    @foreach (var _item in Model) 
 

 
    { 
 

 
     <tr> 
 
      <td> 
 
       @Html.DisplayFor(modelItem => _item.Name) 
 
      </td> 
 

 
      <td> 
 
       @if (System.Web.HttpContext.Current.User.Identity.IsAuthenticated) 
 
      { 
 
        <button type="button" class="btn btn-default"> @Html.ActionLink("Delete", "DeleteContent", new { id = _item.ContentID }) </button> 
 
        <button type="button" class="btn btn-default"> @Html.ActionLink("Edit", "AddVideo", new { id = _item.ContentID }) </button> 
 
        <button type="button" class="btn btn-default"> @Html.ActionLink("Add Video", "AddVideo", new { id = _item.ContentID }) </button> 
 
       } 
 
       <button type="button" class="btn btn-default" data-toggle="modal" data-target="#myModal" data-id="content_id_value">Details</button> 
 

 

 

 
      </td> 
 
     </tr> 
 

 

 
    } 
 
</table> 
 
@foreach (var _item in Model) 
 
{ 
 
    <div class="modal fade" id="myModal" role="dialog"> 
 
     <div class="modal-dialog"> 
 

 
      <!-- Modal content--> 
 
      <div class="modal-content"> 
 
       <div class="modal-header"> 
 
        <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
        <h4 class="modal-title">@Html.DisplayFor(modelItem => _item.Name)</h4> 
 
       </div> 
 
       <div class="modal-body"> 
 
        <p>@Html.DisplayFor(modelItem => _item.Description)</p> 
 

 
        <p><img class="img-responsive" src="~/images/@_item.Image" /></p> 
 
        <p><video width="400" src="~/video/@_item.VideoID" controls/></p> 
 
         
 
       </div> 
 
       <div class="modal-footer"> 
 
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
       </div> 
 
      </div> 
 

 
     </div> 
 
    </div> 
 
} 
 
    
 

 

： enter image description here

私はモーダル上のデータがdiferente「Pesquisa RAPIDA」ということがしたい「最後」の「詳細」をクリックするとしかし、私はそれを行うことはできません。 2番目のforeachループでは今

<button type="button" class="btn btn-default" data-toggle="modal" data-target="#myModal_@_item.ContentId" data-id="@_item.ContentId">Details</button> 

：

Answer 1

はdata-target="#myModal_@item.ContentId"

詳細]ボタンがどのように見えるべきで作る代わりにdata-target="#myModal"のすなわち各行の一意のボタンを生成し、あなたのモデルにコンテンツIDフィールドを持っていると言います、代わりに

<div class="modal fade" id="myModal" role="dialog"> 

の

それはユニークください

<div class="modal fade" id="myModal_@_item.ContentId" role="dialog"> 

これで、各PopupIdのContentIdが分かりました。

注：単一のポップアップを作成し、詳細ボタンのクリックでその中のデータを変更することを強くお勧めします。サーバーからデータを取得するためにajaxを使用することもできます。&Successにバインドします。

Refer here for a Way to achieve modal popup in MVC