javascript - 样式化 SelectedRow in 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 { … }