JSON以突出显示SPO列表中的重复列值 [英] JSON to highlight duplicate column values in SPO List

查看:92
本文介绍了JSON以突出显示SPO列表中的重复列值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个SPO列表,我想使用JSON突出显示特定列中的重复值。有没有人以前做过这个? 

I have an SPO list and I would like to use JSON to highlight duplicate values in a specific column. Has anyone done this before? 

推荐答案

目前我们不能使用循环使用JSON格式比较列表视图中所有行的重复列值。

In currently, we can't use loop to compare the duplicate column values for all rows in list view using JSON Formatting.

https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/column-formatting

https://docs.microsoft.com/en-us/sharepoint/dev/声明式自定义/视图格式化

作为一种变通方法,我们可以使用经典列表视图并使用JSLINK代码来实现它。

As a workaround, we can use classic list view and use JSLINK code to achieve it.

以下示例代码供您参考,请将以下代码添加到列表视图页面的脚本编辑器Web部件中。

The following example code for your reference, add the code below into a script editor web part in list view page.

<script type="text/javascript">
var columnName="Test"; // change column name
SP.SOD.executeFunc("clienttemplates.js", "SPClientTemplates", function() {
    SPClientTemplates.TemplateManager.RegisterTemplateOverrides({
      OnPostRender: function(ctx) {
		var rows = ctx.ListData.Row;
		//var counts = getItemCount(rows,columnName);  //get items count
		for (var i=0;i<rows.length;i++){
			var color='#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6);			
			for(var j=0;j<rows.length;j++){
				if(j!=i&&rows[i][columnName]==rows[j][columnName]){
					var crowElementId = GenerateIIDForListItem(ctx, rows[i]);
					var ctr = document.getElementById(crowElementId);
					if(ctr.style.backgroundColor==""){
						ctr.style.backgroundColor = color;
					}
					var rowElementId = GenerateIIDForListItem(ctx, rows[j]);
					var tr = document.getElementById(rowElementId);
					if(tr.style.backgroundColor==""){
						tr.style.backgroundColor = color;
					}
				}
			}	 
		}
      }
    });
});
</script>

最好的问候,

Dennis


这篇关于JSON以突出显示SPO列表中的重复列值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆