jsf装饰鼠标上/下的dataTable行

时间:2011-09-03 21:53:16

标签: javascript html css jsf

在普通的html中,当我想指出一个表行时,我只写:

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

有没有办法在JSF的<h:dataTable>中执行此操作? Primefaces或其他什么东西?

1 个答案:

答案 0 :(得分:7)

样式由CSS完成。 E.g。

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

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

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

像问题示例中的JavaScript黑客只对已经弃用很久的古老浏览器有用。