在 Rich:dataTable 中设置 SelectedRow 的样式答案

【问题标题】：Styling SelectedRow in Rich:dataTable在 Rich:dataTable 中设置 SelectedRow 的样式
【发布时间】：2015-02-12 13:06:33
【问题描述】：

我有这个rich:dataTable：

<rich:dataTable              
onRowMouseOver="this.style.backgroundColor='#B5CEFD'"
onRowMouseOut="this.style.backgroundColor='#{org.richfaces.SKIN.tableBackgroundColor}'"     
onRowClick="this.style.backgroundColor='#b5F1F1'" 
rows="8" width="100%" id="tbl" value="#{..}" var="..">
//...
</rich:dataTable>

onRowClick 事件有效，但是当我离开该行时，单击后我会失去该颜色，因为onRowMouseOut 事件，如何解决该问题并保持悬停效果？我需要添加一个 CSS 类吗？我还是遇到这个问题，谢谢你的帮助。

【问题讨论】：

标签： javascript css richfaces

【解决方案1】：

CSS 类是要走的路，而不是改变背景只需添加/删除一个类。

onrowclick="$(this).addClass('clicked')" 
onrowmousover="$(this).addClass('mouseover')"

这样你就可以为每种情况定义不同的风格：

.clicked { … }
.mouseover { … }
.clicked.mouseover { … }

【讨论】：