php - 从另一个页面 Laravel 打开 Modal
问题描述
我在 laravel 项目上工作,我有许多将在我的项目中使用的模态,所以我决定将模态代码放在另一个文件夹中。我的视图代码是
<button type="button" class="btn btn-success" data-toggle="modal" data-
target="#AddUserMoodal"><i class="fa fa-edit" aria-hidden="true"></i>
当我按下此按钮时,我想打开 modals 文件夹中的 AddModal 这是 /modals/addmodal.blade.php 的代码
<div id="addModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body">
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="control-label col-sm-2" for="title">Title:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="title_add" autofocus>
<small>Min: 2, Max: 32, only text</small>
<p class="errorTitle text-center alert alert-danger hidden"></p>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2" for="content">Content:</label>
<div class="col-sm-10">
<textarea class="form-control" id="content_add" cols="40" rows="5"></textarea>
<small>Min: 2, Max: 128, only text</small>
<p class="errorContent text-center alert alert-danger hidden"></p>
</div>
</div>
</form>
<div class="modal-footer">
<button type="button" class="btn btn-success add" data-dismiss="modal">
<span id="" class='glyphicon glyphicon-check'></span> Add
</button>
<button type="button" class="btn btn-warning" data-dismiss="modal">
<span class='glyphicon glyphicon-remove'></span> Close
</button>
</div>
</div>
</div>
</div>
</div>
但我不知道该怎么做。它的路线是什么
解决方案
假设您在主页中:home.blade.php
,使用include
<body>
@include('models/addmodal')
</body>
如果您的模态是动态的,并且您想将数据传递给模态:
<body>
@include('models/addmodal',['title'=>$title,'data'=>$data])
</body>
在你的 addmodal 中
<div id="addModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
{{$title}}
</div>
</div>
</div>
</div>
推荐阅读
- hyperlink - 是否可以在 A-Frame 场景中使用 HTML 图像映射?
- sql-server - 如何将两个查询的总和分组?
- javascript - 单击角度按钮时如何更改gridster2选项值
- kubernetes - 使用 bash 创建一个永远运行的 Docker 容器
- r - 将符号 % 添加到 R 中的所有数据帧
- json - JSON中的漂亮打印数据类
- c# - 带有 .NET Core 3.1 的 IBM MQ XMS - 如何获取主题上已经存在的消息?
- html - html body 不捕获移动分辨率的整个大小
- amazon-web-services - 阶跃函数 - 数组输入
- xcode - 如果我删除所有苹果证书、个人资料会怎样?