Question

我正在创建一个应用程序，它将帮助我们的员工管理任务。任务通过表格提交。 OnBeforeCreate我正在提交任务的日期：

record.Data_Zlozenia = new Date();

该任务进入区域（表小部件）的视图，员工可以从中进行选择。

提交的任务的截止日期为48小时。

问题：如何为超过截止日期的任务行着色？

我知道我可以通过在样式编辑器中添加一个类来为行着色，然后在“显示”行上设置绑定样式。但是我不知道如何使它取决于时间。

`.red {
  background-color: red;
}

 @widget.descendants.Field3.text === "Oczekujący - zwrot" ? ['red','app-ListTableRow','hoverAncestor'] : ['app-ListTableRow','hoverAncestor']`

编辑1：在这里，我给U屏幕快照外观和尝试的内容。 CSS Bindings

编辑2：在@Markus的帮助下，我找到了解决方案。我应该这样绑定：

(@datasource.item.Data_Zlozenia)/3600000 < ((new Date())/3600000 - 48) ? ['red','app-ListTableRow','hoverAncestor'] : ['app-ListTableRow','hoverAncestor']

Answer 1

这未经测试，但是我会在您的行样式绑定中尝试以下操作：

setInterval(function() {(new Date() - @widget.datasource.item.Data_Zlozenia)/3600000;}, 60000) > 48 ? ['red','app-ListTableRow','hoverAncestor'] : ['app-ListTableRow','hoverAncestor']

假设地说，这将采用当前日期/时间减去字段日期/时间，然后将其除以360万（JS日期减去日期将返回毫秒，因此您必须转换为小时），将其转换为小时。每分钟（60000毫秒）重复此功能。如前所述，这未经测试，因此您可能需要改进一点

如何根据时间为表格中的行着色？

1 个答案: