Laravel 如何使用按钮将数据从表移动到另一个

Question

有什么简单的方法可以使用 id 将数据从一个表移动到另一个表？ 我想使用 id 获取第一个表中的所有信息，将其插入另一个表，然后使用 Laravel 从当前表中删除它。

在我的 Html 表中。 例如，我有待处理的预订表并且有一个操作按钮“接受”，然后如果我单击它，数据将 go 到已接受的预订表。

请参考这张照片。 在此处输入图像描述

Answer 1

你可以使用sortablejs来解决问题

从文档中检查这个例子

Answer 2

如果你正在使用数据表，那么你可以做类似的事情

 var table1 = $("#pending").DataTable(); var table2 = $("#reserved").DataTable(); $(document).on("click", "#pending.move", function () { var row = table1.row( $(this).parents('tr') ); var rowNode = row.node(); row.remove(); table2.row.add( rowNode ).draw(); }); $(document).on("click", "#reserved.move", function () { var row =table2.row( $(this).parents('tr') ); var rowNode = row.node(); row.remove(); table1.row.add( rowNode ).draw(); });

 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <table id="pending" class="table"> <thead> <tr> <th scope="col">#</th> <th scope="col">First</th> <th scope="col">Last</th> <th scope="col">action</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Mark</td> <td>Otto</td> <td><button type="button" class="btn btn-primary btn-sm move">move</button></td> </tr> <tr> <th scope="row">2</th> <td>Jacob</td> <td>Thornton</td> <td><button type="button" class="btn btn-primary btn-sm move">move</button></td> </tr> <tr> <th scope="row">3</th> <td>Larry</td> <td>the Bird</td> <td><button type="button" class="btn btn-primary btn-sm move">move</button></td> </tr> </tbody> </table> <table id="reserved" class="table mt-5"> <thead> <tr> <th scope="col">#</th> <th scope="col">First</th> <th scope="col">Last</th> <th scope="col">Action</th> </tr> </thead> <tbody> </tbody> </table> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.21/js/jquery.dataTables.min.js"></script>