在Rich中设置所选行的样式：dataTable

Question

我有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类吗？ 我仍然遇到这个问题，谢谢你的帮助。

Answer 1

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

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

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

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