php - 模态将计数器重置为 1
问题描述
即使它在 foreach 循环中,也不确定它是如何自行重置的。这是我的刀片视图的片段:
<tbody>
<?php $counter = 1; ?>
@foreach ($guidelines as $guideline)
<tr>
<td class="text-center">{{ $counter }}</td>
<td>{{ $guideline->description }}</td>
<td>
<a href="/general-guidelines/{{ $guideline->id }}/edit" class="btn btn-warning btn-sm"><i class="far fa-edit"></i></a>
<button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#myModal"><i class="far fa-trash-alt"></i></button>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Confirm Delete</h4>
</div>
<div class="modal-body">
<p>Are you sure you want to delete this?</p>
</div>
<div class="modal-footer">
<a href="/general-guidelines/{{ $guideline->id }}/delete" class="btn btn-danger">Confirm</a>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</td>
<?php $counter++; ?>
</tr>
@endforeach
</tbody>
编辑适用于/general-guidelines/1/edit
, /general-guidelines/2/edit
,/general-guidelines/5/edit
等。但/delete
总是会在/1/delete
解决方案
首先,因为您只有一个模态(#myModal),并且您的按钮始终引用(#myModal),所以它总是会打开第一个模态。尝试解决方案#myModal{{ $loop->index }}
。
其次,您可以在 foreach 循环中使用 $loop->iteration 而不是 $counter。
尝试这个。
<tbody>
@foreach ($guidelines as $guideline)
<tr>
<td class="text-center">{{ $counter }}</td>
<td>{{ $guideline->description }}</td>
<td>
<a href="/general-guidelines/{{ $guideline->id }}/edit" class="btn btn-warning btn-sm"><i class="far fa-edit"></i></a>
<button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#myModal{{ $loop->index }}"><i class="far fa-trash-alt"></i></button>
<div class="modal fade" id="myModal{{ $loop->index }}" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Confirm Delete</h4>
</div>
<div class="modal-body">
<p>Are you sure you want to delete this?</p>
</div>
<div class="modal-footer">
<a href="/general-guidelines/{{ $guideline->id }}/delete" class="btn btn-danger">Confirm</a>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</td>
</tr>
@endforeach
推荐阅读
- python - 网页抓取。列而不是行
- laravel - 502 错误网关 nginx/1.17.10 Laravel
- firebase - 如何在flutter中将标记从firebase(真实数据库)检索到新的google maps api
- javascript - React setState() 未在某些项目上设置状态
- c# - C# | 抛出异常:Businesslaag_Class_Libary.dll 中的“System.IO.FileNotFoundException”
- ios - 如何使用简单的字符串更改自定义 Info.plist 键
- encryption - 通过未加密的文件从 AES-256 Deflate 加密的 Zip 存档中恢复密码?
- java - 连接到 Google Cloud SQL com.google.cloud.sql.mysql.SocketFactory 转换时出错
- python - 用 sympy 解决绝对平等
- ios - 后台应用程序刷新说访问计步器数据时未调用完成