选择下拉选项时突出显示一行 [英] Highlighting a row when a dropdown option is selected

问题描述

我想知道如何仅以红色突出显示整行(仅背景)当下拉选项标记列标记(记录)(状态)被选择?可以吗 使用Web部件或使用计算所得的列来完成?我没有网站集特权.

I was wondering how to highlight a whole row (just the background) red only when a dropdown option labeled (archive) in a column labeled (Status) is selected? Can this be done using a web part or using a calculated column? I do not have site collection privileges.

推荐答案

嗨else111

Hi else111,

仅当使用下面的代码选择标记为(状态)的下拉选项时，才用红色突出显示整行.

To highlight a whole row red only when a dropdown option labeled (Status) is selected, using the following code.

在页面中添加内容编辑Web部件，在内容编辑Web部件中添加以下代码:

Add a content edit web part in your page, add the following code in content edit web part:

<script type="text/javascript">

SPClientTemplates.TemplateManager.RegisterTemplateOverrides({ OnPostRender:function(ctx){ var rows = ctx.ListData.Row; 对于(var i = 0; i< rows.length; i ++) { var isApproved = rows [i] ["drop"] =="Status"； 如果(已批准) { var rowElementId = GenerateIIDForListItem(ctx，rows [i]); var tr = document.getElementById(rowElementId); tr.style.backgroundColor =#FF0000"; } } } });

SPClientTemplates.TemplateManager.RegisterTemplateOverrides({ OnPostRender: function(ctx) { var rows = ctx.ListData.Row; for (var i=0;i<rows.length;i++) { var isApproved = rows[i]["drop"] == "Status"; if (isApproved) { var rowElementId = GenerateIIDForListItem(ctx, rows[i]); var tr = document.getElementById(rowElementId); tr.style.backgroundColor = "#FF0000"; } } } });

</script>

</script>

注意:将列名更改为您的列的内部名称.

Note: Change the column name to the internal name of your column.

更改丢弃"列的内部名称:rows [i] ["drop"] =="Status";

Change "drop" to the internal name of your column: rows[i]["drop"] == "Status";

请参阅示例:颜色编码部分:

Refer to the Example: Color coding section:

https://www.codeproject.com/Articles/620110/SharePoint -客户端侧渲染列表视图

最好的问候

Lisa Chen

Lisa Chen

这篇关于选择下拉选项时突出显示一行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！