在laravel 7中创建编辑模态

问题描述

我正在尝试制作一个时间表表，该表从考勤机获取输入，以后可以对其进行编辑，我的表如下所示：

！[时间表表] [1]：https://i.stack.imgur.com/5D1ap.png

这是编辑时间和编辑半天的原因的弹出窗口：

[编辑时间和原因] [2]：https://i.stack.imgur.com/tPa37.png

但是，当我选择时间和原因时，无法在表中更新它们，这是模式代码：

<div class="modal fade" id="change-date" tabindex="-1" role="dialog" aria-labelledby="change-dateLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="change-dateLabel">Changer l'heure</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="">
                    <div class="form-group">
                        <input type="time" class="form-control">
                    </div>
                    <div class="form-group">
                        <select name="motif" class="form-control">
                            <option value="">MCD</option>
                            <option value="">MTA</option>
                            <option value="">CA</option>
                            <option value="">AIR</option>
                            <option value="">MLD</option>
                            <option value="">CS</option>
                        </select>
                    </div>
                </form>
                
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                    <button type="button" class="btn btn-primary">Enregistrer</button>
                </div>
            </div>
        </div>
    </div>
</div>

有什么解决方案可以使其正常工作吗？

解决方法

好的，您需要做一些事情才能使模式形式起作用。

您需要在表单打开标签中添加路由（请参见下面的示例）
您的模态页脚div上的表单提交按钮必须位于表单的打开和关闭标签内（请参见下面的示例）
您的提交按钮必须具有一种提交类型，才能将其发送到表单参数。（请参见下面的示例）

您需要在控制器中使用一种方法来处理表单请求并将其保存到数据库中（希望您知道。）。

 <div class="modal fade" id="change-date" tabindex="-1" role="dialog" aria-labelledby="change-dateLabel"
 aria-hidden="true">
 <div class="modal-dialog" role="document">
     <div class="modal-content">
         {{ Form::open(['action' => 'YourController@update_method','method' =>'PATCH']) }}
         <div class="modal-header">
             <h5 class="modal-title" id="change-dateLabel">Changer l'heure</h5>
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                 <span aria-hidden="true">&times;</span>
             </button>
         </div>
         <div class="modal-body">
             {{-- <form action=""> remove --}}
                 <div class="form-group">
                     <input type="time" class="form-control">
                 </div>
                 <div class="form-group">
                     <select name="motif" class="form-control">
                         <option value="">MCD</option>
                         <option value="">MTA</option>
                         <option value="">CA</option>
                         <option value="">AIR</option>
                         <option value="">MLD</option>
                         <option value="">CS</option>
                     </select>
                 </div>
             {{-- </form> remove --}}
             <div class="modal-footer">
                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                 {{-- Your submit button should look like this --}}
                 <button type="submit" class="btn btn-primary">Enregistrer</button>
             </div>
             {{ Form::close() }} <!-- end form -->
         </div>
     </div>
 </div>
 </div>

还要确保您在表单的action属性上放置的函数是在路由文件上定义的，如下所示：

Route::patch('url','YourController@update_method')->name('model.update_method');.

laravel laravel modal-dialog