yii2.0 模态框简单使用

最新推荐文章于 2021-08-06 04:00:28 发布

转载最新推荐文章于 2021-08-06 04:00:28 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/l-zl/p/7346126.html

文章标签：

#php

本文介绍了一个使用PHP循环动态生成多个模态框（Modal）的示例，每个模态框通过按钮触发，适用于展示不同的内容。模态框采用特定的样式和布局，并且可以根据需求调整其大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1 <?php foreach($data as $model) :?>
 2 
 3 　　<!-- 按钮触发模态框 -->
 4 　　<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal<?=$model->id;?>">
 5 
 6 　　　　点击按钮显示模态框
 7 　　</button>
 8 　　<!-- 模态框（Modal） -->
 9 　　<div class="modal fade" id="myModal<?=$model->id;?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
10 　　　　<div class="modal-dialog" style="width:600px"><!-- 设置宽度-->
11 　　　　　　<div class="modal-content">
12 　　　　　　　　<div class="modal-header">
13 　　　　　　　　　　<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> x </button>
14 　　　　　　　　　　<h4 class="modal-title" id="myModalLabel"> 预览 </h4>
15 　　　　　　　　</div>
16 　　　　　　　　<div class="modal-body">
17 　　　　　　　　　　在这里添加一些文本
18 　　　　　　　　</div>
19 　　　　　　　　<div class="modal-footer">
20 　　　　　　　　　　<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
21 　　　　　　　　</div>
22 　　　　　　</div><!-- /.modal-content -->
23 　　　　</div><!-- /.modal -->
24 　　</div>
25 
26 <?php  endforeach;?>