如何使用JSON Code按Week Day分组显示Items的解决方案？

如何使用JSON Code按Week Day分组显示Items的解决方案？

Blog链接：​​Day在视图中分组显示Items。

前提条件：若实现该需求，需要将视图格式由Week Day的数字转化为实际的工作日（Monday），参照之前分享的文章：​​Microsoft Lists：如何筛选当前周Items的场景介绍​​

接下来，我再介绍如何按Week Day分组显示Items的操作步骤：

创建Calculated Date Column，并创建按当前周显示的视图编辑视图设置，按WeekDay进行分组显示，保存，如下图所示：

对Items进行分组后，我们返回Microsoft Lists页面，将看到分组的Week Day后面显示的是代表工作日的数字以及该特定日期的Items数量，如下所示：

我们输入如下JSON Code，保存

{ "$schema": " "groupProps": { "headerFormatter": { "elmType": "div", "style": { "flex-direction": "row" }, "children": [ { "elmType": "div", "style": { "padding": "4px 8px 5px 8px", "border-radius": "6px", "font-weight": "500" }, "attributes": { "class": { "operator": "+", "operands": [ "ms-bgColor-themePrimary ", "ms-fontColor-white" ] } }, "children": [ { "elmType": "span", "style": { "padding-right": "6px", "padding-top": "2px" } }, { "elmType": "div", "style": { "display": "inline-flex", "padding-right": "9px" }, "children": [ { "elmType": "div", "style": { "padding-left": "5px" }, "attributes": { "class": "ms-fontWeight-bold" }, "txtContent": "=if(@group.fieldData.displayValue == '0', 'Monday', if(@group.fieldData.displayValue == '1', 'Tuesday', if(@group.fieldData.displayValue == '2', 'Wednesday', if(@group.fieldData.displayValue == '3', 'Thursday', if(@group.fieldData.displayValue == '4', 'Friday', if(@group.fieldData.displayValue == '5', 'Saturday', if(@group.fieldData.displayValue == '6', 'Sunday','')))))))" }, { "elmType": "div", "style": { "padding-left": "5px" }, "attributes": { "class": "ms-fontWeight-normal" }, "txtContent": { "operator": "+", "operands": [ " - ", "=@group.count", "= if(@group.count!= 1,' items',' item')" ] } } ] } ] } ] } }}

保存后，我们看当前视图按Week Day进行了分组，达到了我们预期目的。

谢谢大家阅读~

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。