Microsoft 365 开发：如何通过JSON Format 来定制Column格式

Blog链接：​​​https://blog.51cto.com/13969817​​

我们在上一篇中介绍了：如何使用JSON Format来定制New Item的页面布局，本文我们将继续为大家介绍，如何使用JSON Format来定制Column属性，比如：

如果希望将Role的Column按照不同角色进行颜色的划分，那么该如何实现呢？

1.      我们选择Role 的下拉菜单，选择Column Settings->Format this column，如下所示：

2.      在Format this column页面，选择底部的Advanced Mode，如下所示：

3.      在Advanced Mode中，我们就可以对Task Status Column不同值定义颜色了，比如：我们分别为Completed、In Progress和Not Started等应用了CSS类，如sp field severity–good、sp field严重性–warning、sp fieldseverity-Severewarning。

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "attributes": {
    "class": "=if(@currentField == 'Completed', 'sp-field-severity--good', if(@currentField == 'In Progress', 'sp-field-severity--warning', if(@currentField == 'Not started', 'sp-field-severity--severeWarning','sp-field-severity--blocked'))) + ' ms-fontColor-neutralSecondary'"
  },
  "children": [
    {
      "elmType": "span",
      "style": {
        "display": "inline-block",
        "padding": "0 4px"
      }},
     
    {
      "elmType": "span",
      "txtContent": "@currentField"
    }
  ]
}

保存后，就可以看到Column的属性发生了如下变化：

谢谢大家阅读，若大家日后有相同需求，欢迎线下讨论