Javascript 如何向sharepoint 2007列表中具有特定文本的行添加颜色?

Javascript 如何向sharepoint 2007列表中具有特定文本的行添加颜色?,javascript,jquery,sharepoint-2007,Javascript,Jquery,Sharepoint 2007,我想知道如何在sharepoint 2007列表中为一行添加颜色 如果在一个字段中包含特定文本 例如: 我有一个包含三个字段的列表: 清单1 1.id 2.姓名 3.完整描述 现在我只想向用户显示第一个和第二个字段 清单1 身份证名称 1 abc 2 edv 第二件事,我想给一个包含隐藏元素的行加上颜色(比如说红色) 字段-“完整描述”,一个带有单词的文本,例如“颜色” 我找到了可以添加到aspx页面的javascript代码: (文档).就绪(函数(){ $Text=$($td.ms-vb2

我想知道如何在sharepoint 2007列表中为一行添加颜色 如果在一个字段中包含特定文本

例如: 我有一个包含三个字段的列表:

清单1 1.id 2.姓名 3.完整描述

现在我只想向用户显示第一个和第二个字段

清单1 身份证名称


1 abc 2 edv

第二件事,我想给一个包含隐藏元素的行加上颜色(比如说红色) 字段-“完整描述”,一个带有单词的文本,例如“颜色”

我找到了可以添加到aspx页面的javascript代码:

(文档).就绪(函数(){ $Text=$($td.ms-vb2:contains('color')); $Text.parent().css(“背景色”、“红色”); });

但它只有在显示“完整描述”时才起作用

有人能给我一个主意吗

谢谢,
gadym

一个想法可能是使用另一个字段作为文本字符串的前缀,然后将jQuery逻辑建立在该计算列的基础上

但是,您提到的描述字段可能定义为“多行文本”,并且不能在计算列中使用

输出Description字段,然后使用jQuery通过.hide()从视图中隐藏它,怎么样


我现在不能给你确切的javascript来做这件事,但是如果你需要任何灵感,那么这是一个很好的开始。

一个想法是使用另一个字段来预测文本字符串,然后将jQuery逻辑建立在计算列的基础上

但是,您提到的描述字段可能定义为“多行文本”,并且不能在计算列中使用

输出Description字段,然后使用jQuery通过.hide()从视图中隐藏它,怎么样


我现在不能给你具体的javascript来做这件事,但如果你需要任何灵感,那么这是一个很好的开始。

从你的问题中我了解到,你可以突出显示来自特定文本(颜色)的行,但不能隐藏该列。在blow代码中,我隐藏了那个专栏。您可能需要更改列索引

<script>
$(document).ready(function(){ $Text = $("td .ms-vb2:contains('color')"); $Text.parent().css("background-color", "red");
 var myelement = $Text.parent().parent(); 

$(myelement).find("td:nth-child(3)").hide();
$(myelement).find("th:nth-child(4)").hide();
 }); 

</script>

$(document).ready(函数(){$Text=$($td.ms-vb2:contains('color'));$Text.parent().css(“背景色”,“红色”);
var myelement=$Text.parent().parent();
$(myelement).find(“td:nth-child(3)”).hide();
$(myelement).find(“第四个孩子(4)”).hide();
}); 

请告诉我,这对您有帮助吗?

从您的问题中,我了解到您可以突出显示来自特定文本(颜色)的行,但不能隐藏该列。在blow代码中,我隐藏了那个专栏。您可能需要更改列索引

<script>
$(document).ready(function(){ $Text = $("td .ms-vb2:contains('color')"); $Text.parent().css("background-color", "red");
 var myelement = $Text.parent().parent(); 

$(myelement).find("td:nth-child(3)").hide();
$(myelement).find("th:nth-child(4)").hide();
 }); 

</script>

$(document).ready(函数(){$Text=$($td.ms-vb2:contains('color'));$Text.parent().css(“背景色”,“红色”);
var myelement=$Text.parent().parent();
$(myelement).find(“td:nth-child(3)”).hide();
$(myelement).find(“第四个孩子(4)”).hide();
}); 

请告诉我,这对您有帮助吗?

您是否考虑过使用条件格式创建数据视图?看


这样,您就不必进行这种丑陋的javascript攻击:)

您考虑过使用条件格式创建数据视图吗?看


这样,您就不必进行这种丑陋的javascript攻击:)

这是一个非常类似的问题(包含可耻的自我提升):这是一个非常类似的问题(包含可耻的自我提升):