javascript - jsf decorate dataTable row on mouse overout - Stack Overflow

admin管理员组

文章数量:1326316

In plain html, when I want to point-out a table row, I just write:

<tr onmouseover="javaScript_(jQuery)_Code_To_Add_Pointed_Out_Class"
    onmouseout="javaScript_(jQuery)_Code_To_Remove_Pointed_Out_Class">
...
</tr>

Is there a way to do this in a <h:dataTable> for JSF? Something with Primefaces or what else?

In plain html, when I want to point-out a table row, I just write:

<tr onmouseover="javaScript_(jQuery)_Code_To_Add_Pointed_Out_Class"
    onmouseout="javaScript_(jQuery)_Code_To_Remove_Pointed_Out_Class">
...
</tr>

Is there a way to do this in a <h:dataTable> for JSF? Something with Primefaces or what else?

• javascript
• html
• css
• jsf

Share Improve this question Follow edited Sep 3, 2011 at 22:06 Martijn Courteaux 68.9k4747 gold badges201201 silver badges295295 bronze badges asked Sep 3, 2011 at 21:53 Marco VasapolloMarco Vasapollo 51966 silver badges1717 bronze badges 1

• Maybe a duplicate of this question: stackoverflow./questions/5055384/… – Robin Commented Sep 3, 2011 at 22:02

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

Styling is to be done by CSS. E.g.

<h:dataTable styleClass="myTableClass">
    ...
</h:dataTable>

with

.myTableClass>tbody>tr { 
    background: pink;
}

.myTableClass>tbody>tr:hover { 
    background: purple; 
}

JavaScript hacks like in your question example are only necessary for ancient browsers which are already deprecated for long now.

本文标签： javascriptjsf decorate dataTable row on mouse overoutStack Overflow