有条理地突出显示SharePoint 2016中的行

时间:2018-04-03 09:22:53

标签: sharepoint conditional

我理解SharePoint列表就像excel一样,所以我想知道是否可以根据字段的文本值有条件地突出显示整行/单元格。

我在列表中有一个名为“Status”的列,有4个选项(初始,正在进行,已完成,正在等待开发人员资源)。我想突出显示这些行(甚至只是状态字段)不同的颜色,具体取决于状态值。

这可能吗?无法找到与SP 2016相关的任何内容

干杯

1 个答案:

答案 0 :(得分:1)

请使用JavaScript根据“状态”字段突出显示该行:

<script type="text/javascript">
SP.SOD.executeFunc("clienttemplates.js", "SPClientTemplates", function() {

   SPClientTemplates.TemplateManager.RegisterTemplateOverrides({
     OnPostRender: function(ctx) {

       var statusColors =  {
          'initial' : '#FFF1AD',  
          'in progress' : '#FFD800',
          'completed' : '#01DF3A',
          'awaiting developer resource':'#ff0000'
       };

       var rows = ctx.ListData.Row;
       for (var i=0;i<rows.length;i++)
       {
          var status = rows[i]["Status"];
          var rowId = GenerateIIDForListItem(ctx, rows[i]);
          var row = document.getElementById(rowId); 
          row.style.backgroundColor = statusColors[status];
       }
     }
   }); 

});
</script>

将上面的代码放在列表视图页面的内容编辑器Web部件中,这样列表行将根据状态呈现不同的颜色:

enter image description here