Foreach loop не работает в модальном

Question

У меня есть вид бритвы, который отображает все файлы PDF, связанные с конкретным пользователем, использующим для каждого цикла. Для отображения pdf-файла я использовал <embed>.

@foreach (FileInfo res in Model) 
{ 
    <embed src="~/PDF/@res.Name" width="850" height="850" type="application/pdf" /> 
} 

Используя приведенный выше код, он петли и отображает pdf правильно. Тем не менее, я хочу, чтобы pdf-файл отображался в модальном окне. Таким образом, у меня есть этот код ниже, он петляет и отображает все разные имена файлов, но когда я просматриваю их, все файлы отображают содержимое первого файла в модальном окне.

@foreach (FileInfo res in Model) 
{ 
    <div class="modal fade" id="resultmodal" role="dialog" tabindex="-1"> 
    <div class="modal-dialog modal-lg"> 
     <div class="modal-body"> 
     <embed src="~/PDF/@res.Name" width="850" height="850" type="application/pdf" /> 
     </div> 
    </div> 
    </div> 

    <div> 
    <a href="#resultmodal" data-toggle="modal">View Result</a> 
    </div> 
} 

Любые идеи?

Answer 1

Что делать, если вы однозначно обрабатывать событие на каждой основе путем изменения #resultmodal" к "#resultmodal@res.Name" в обоих A HREF результате просмотра и id="resultmodal@res.Name" для модального DIV?

@foreach (FileInfo res in Model) 
{ 
    <div class="modal fade" id="resultmodal@res.Name" role="dialog" tabindex="-1"> 
     <div class="modal-dialog modal-lg"> 
      <div class="modal-body"> 
       <embed src="~/PDF/@res.Name" width="850" height="850" type="application/pdf" /> 
      </div> 
     </div> 
    </div> 
    <div> 
     <a href="#resultmodal@res.Name" data-toggle="modal">View Result</a> 
    </div> 
} 

Таким образом, каждая ссылка на результат просмотра обрабатывает отдельный div.

Answer 2

Первый файл отображается, потому что каждый ваш div имеет идентификатор resultmodal, и вы ориентируетесь на resultmodal с каждого a href. Таким образом, он показывает первый div, найденный на странице. Вы должны дать каждому div уникальный идентификатор, а также таргетить его на div из соответствующего a href '.

<div class="modal fade" id=@("#resultmodal" +res.Name) role="dialog" tabindex="-1"> 
    <div class="modal-dialog modal-lg"> 
    <div class="modal-body"> 
     <embed src="~/PDF/@res.Name" width="850" height="850" type="application/pdf" /> 
    </div> 
    </div> 
</div> 

<div> 
    <a href=@("#resultmodal" +res.Name) data-toggle="modal">View Result</a> 
</div>