单击链接更改行的背景颜色

Question

我正在使用Richfaces 4.我有一个<rich:datatable />，有4列。在那里，第一列是<a4j:commandlink />。当我点击链接时，我需要更改整行的背景颜色。点击链接我正在调用动作监听器，oncomplete我正在重新渲染页面。如何更改单击行的颜色？

Answer 1

在链接上添加onclick方法：

<rich:column>
  <a4j:commandlink onclick="changeBackground(this)" ...
</rich:column>

脚本（使用jQuery）查找单元格的tr并应用样式：

<script>
    function changeBackground(element){
      jQuery(element).parents('tr:first').addClass('backgroundRed');
    }
</script>

和css例如

.backgroundRed {
    color: #555658;
    background-color: red;
}

您可以查看this conversation以获取更多信息。