Styling SelectedRow в Рич: 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 { … }