在DataView控件上添加备用行颜色

时间:2013-04-04 17:11:57

标签: xpages xpages-extlib

我正在尝试为DataView控件设置备用颜色;我尝试了rowStyleClass和rowStyle,但我无法让它工作。

rowStyleClass只为我提供

的悬停颜色

我正在做的是使用jQuery代码段:

   $().ready(function() {
      // Apply alternate color row to DataView            
      $(".lotusTable > tbody > tr:odd").addClass("odd");
      $(".lotusTable > tbody > tr:not(.odd)").addClass("even");
   });

这样可行,但是,如果执行部分刷新(更改页码;添加行等),我将丢失格式。

任何想法如何使用DataView属性实现此目的?

1 个答案:

答案 0 :(得分:0)

试试这个CSS,它在View Control中对我很有用。我目前没有使用jQuery。在视图控件中,我将“rowClasses”设置为“evenrow,oddrow”。当然,数据视图没有rowClasses,因此请尝试将rowStyle或rowStyleClass设置为“evenrow,oddrow”,并查看是否提供了您要完成的操作。

.oddrow { 
background-color: rgb(218, 234, 245);
}
.evenrow {
background-color: rgb(255, 255, 255);
}
.evenrow:Hover {
 background-color: rgb(288, 250, 221);
}
.oddrow:Hover {
background-color: rgb(288, 250, 221);
}