如何将Javascript应用于分组的SharePoint列表?

时间:2012-08-10 14:48:31

标签: javascript sharepoint sharepoint-2007

我对SharePoint自定义场景还不熟悉,但已经选择了一些javascript,它会根据单元格的值更改SP列表中单元格的背景颜色。

这在普通视图上工作正常,但任何分组的东西都不起作用,我相信它与页面加载的顺序有关。有没有办法将javascript应用于分组并设置为默认折叠的视图?

我在去年看到了另一个类似查询的帖子,但似乎没有解决方案。

非常感谢提前!!!

这是我用于细胞颜色变化的代码:

<script type="text/javascript" language="javascript">   
  var x = document.getElementsByTagName("TD") // find all of the TDs
  var i=0;
  for (i=0;i<x.length;i++)
  {
 if (x[i].className=="ms-vb2") //find the TDs styled for lists
  { 

if (x[i].innerHTML=="Green" && x[i].cellIndex==10)
  {
    x[i].style.backgroundColor='forestgreen'; // set the background color
    x[i].style.color='Black'; //set the font color
  }

if (x[i].innerHTML=="Amber" && x[i].cellIndex==10)
  {
    x[i].style.backgroundColor='Goldenrod'; // set the background color
    x[i].style.color='Black'; //set the font color
  }

if (x[i].innerHTML=="Red" && x[i].cellIndex==10)
  {
    x[i].style.backgroundColor='Firebrick'; // set the background color
    x[i].style.color='black'; //set the font color
  }
 }
}
</script>

1 个答案:

答案 0 :(得分:0)

也许在您的情况下,为给定列自定义CSS样式会更容易。您可以定义扩展ms-vb2类的新CSS规则,但仅适用于第10列。使用CSS选择器可以轻松实现这一目标。

例如,找到适用于此单元格的CSS样式表,并定义新规则: .MS-VB2:第n个孩子(10)[= innelHtml '红'] { 背景色:耐火砖; 颜色:黑色 }

然后,只要您的表格单元格可见,就会应用CSS。