我有这个 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 类吗?
我仍然遇到这个问题,谢谢您的帮助。
最佳答案
CSS 类是可行的方法,无需更改背景,只需添加/删除一个类即可。
onrowclick="$(this).addClass('clicked')"
onrowmousover="$(this).addClass('mouseover')"
这样您就可以为每种情况定义不同的样式:
.clicked { … }
.mouseover { … }
.clicked.mouseover { … }
关于javascript - 样式化 SelectedRow in Rich :dataTable,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28478259/