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

我想为我的DataView控件设置备用颜色;我试过rowStyleClass和rowStyle，但我无法让它工作。在DataView控件上添加备用行颜色

rowStyleClass只给了我悬停颜色

我在做什么使用jQuery的片段：

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

这个工作，但是，如果执行部分刷新（变化页数字;添加行等）我失去了格式。

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

来源

2013-04-04 PSolano

我不知道这是否可以通过属性来实现或没有，但你可以通过劫持它在每一个局部刷新执行你的jQuery片段（[链接]（http://dontpanic82.blogspot.in/ 2010/01/XPages中-hijackingpublishing-partial.html））。 XSnippets上有一个控件（[link]（http://openntf.org/XSnippets.nsf/snippet.xsp?id=standby-dialog-custom-control）），它使用这个劫持来每次显示一个Dojo备用控件一个部分刷新事件被解雇，这可能会给你一些想法。 – Naveen 2013-04-05 09:38:19

将你的.ready函数放在部分刷新的区域内（例如DataView的DIV）。 – 2013-04-11 12:10:59

试试这个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); 
}

来源

2013-04-04 17:48:31

我已经试过了， 'rowStyleClass =“evenrow oddrow”'，在这种情况下它只适用于第一个类“evenrow”给所有的行。我还可以看到每个有class =“evenrow oddrow”的页面源代码。 – PSolano 2013-04-04 21:38:50

我相信你必须在源代码中进行更改。如果您尝试在设计视图中输入它，您会收到验证错误消息。它不喜欢逗号。但是当输入源代码时，它会以逗号“evenrow，oddrow”的最终结果。没有逗号就无法工作。 – 2013-04-04 21:51:27

既不工作;我认为你的方法只适用于视图控件，至少，这是我有我的其他视图控件。 – PSolano 2013-04-04 23:41:51

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

回答

相关问题