如何使用javascript函数在通过laravel从数据库接收输入后自动更新一系列表行？

我希望有人能为我遇到的问题提出一个解决方案

我已经创建了一个表，对于每一行，它都会查询数据库并返回一个持续时间（以及其他内容，但持续时间对于这个问题很重要）

例如，一行将具有：

• “事件”的名称
• “事件”持续的时间（持续时间），以分钟为单位

我要做的是创建两列（开始时间和结束时间）。第一行将从初始事件开始时间开始计算其开始时间，并通过将持续时间添加到初始开始时间来计算结束时间

First Row (Start Time) = Initial_Event_Start_Time
First Row (Finish Time) = Initial_Event_Start_Time + Duration

对于之后的每一行，它将采用前一行的完成时间，将其保存为自己的开始时间，并将该行的持续时间添加到该开始时间以创建其完成时间

For all other rows {
    Row (Start Time) = Previous Row's Finish Time
    Row (End Time) = Row (Start Time) + Duration
}

因此，最终结果将是：

 Start Time | End Time | Duration | ---- | ---- | ---- |

其中，“开始时间”和“结束时间”列是使用JS函数动态生成的，并附加到表的其余部分

我希望在客户端发生这种情况的原因是表可以排序（使用JQuery的Sortable库），并且每当一行移动到另一个位置时，我希望JS函数启动并计算新排序表的所有新时间

创建新“事件”时，初始事件开始时间存储在数据库中

我使用Laravel和MySQL作为堆栈来实现这一点

如果有人能给我指出正确的方向，请告诉我。

---

提前谢谢

我相信您可以让控制器返回数据，然后在javascript中执行以下操作：

$('#example').dataTable( {
"ajaxSource": "<route-to-controller-function-that-returns-data>",
  "columnDefs": [ {
    "targets": 4,
    "data": "description",
    "render": function ( data, type, full, meta ) {
        logic to create time stamps in JS
    }
  } ]
} );

$（'#示例'）。数据表（{
“ajaxSource”：“，
“columnDefs”：[{
"目标":四,，
“数据”：“说明”，
“呈现”：函数（数据、类型、完整、元）{
在JS中创建时间戳的逻辑
}
} ]
} );

---

这是一种尝试，但可能是一个有用的开始。

因此，我将直接从控制器获取Ajax源代码，该控制器将数据返回到表中，并选择特定的数据行并遍历它？是的，您不应该'；我甚至不需要迭代，它会处理的。