jsf-2 - 单击链接时更改行的背景颜色

Question

我正在使用 Richfaces 4。我有<rich:datatable />4 列。其中，第一列是 a <a4j:commandlink />。单击链接时，我需要更改整行的背景颜色。单击链接时，我正在调用动作侦听器，并且oncomplete正在重新呈现页面。如何更改单击行的颜色？

Answer 1

在您的链接上添加 onclick 方法：

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

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

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

和CSS例如

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

您可以查看此对话以获取更多信息。