在我的项目中,我有一个表格,列出了用户上传的所有文件以及查看或删除它们的选项。当用户单击删除时,它会打开一个模式,要求确认。一切正常,但是当我在除第一个文件之外的任何其他文件中单击删除时,模态始终要求确认删除第一个文件。简而言之,只有表中的第一个文件被删除。我无法检索其他文件的ID,将其传递给deleteentry / {id}。
以下是带模态(myModal)的代码:
<tbody class="searchable">
@foreach ($files as $entry)
<tr>
<td><b>{{ $entry->original_filename }}</b></td>
<td><b>{{ $entry->created_at }}</b></td>
<td><a href="{{ route('getentry', [$entry->filename]) }}" class="btn btn-flat btn-primary">View</a></td>
<td>
<a href="#myModal" data-toggle="modal" class="btn btn-flat btn-danger">Delete</a>
<!-- Modal HTML -->
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" style="color:IndianRed;">Confirmation</h4>
</div>
<hr>
<div class="modal-body" style="margin-top:-20px;">
<p>Do you want to delete the file {{ $entry->original_filename }} </a>permanently?</p>
<p class="text-primary" style="margin-top:-40px;"><small>If you click yes, the file will be deleted from our database permanently.</small></p>
</div>
<div class="modal-footer" style="margin-top:-40px;">
<button type="button" class="btn btn-flat btn-primary" data-dismiss="modal">No</button>
<a href="{{ route('deleteentry', [$entry->id]) }}" class="btn btn-danger btn-flat" style="width:90px;" data-toggle="modal">Yes</a>
</div>
</div>
</div>
</div>
</td>
</tr>
@endforeach
</tbody>
当我完全移除模态并且只有:
时,它才有效<tbody class="searchable">
@foreach ($files as $entry)
<tr>
<td><b>{{ $entry->original_filename }}</b></td>
<td><b>{{ $entry->created_at }}</b></td>
<td><a href="{{ route('getentry', [$entry->filename]) }}" class="btn btn-flat btn-primary">View</a></td>
<td>
<a href="{{ route('deleteentry', [$entry->id]) }}" class="btn btn-flat btn-danger">Delete</a>
</td>
</tr>
@endforeach
</tbody>
所以它表明问题在于模态,但我无法找出解决方案。