jsf-2 - リンクのクリック時に行の背景色を変更する

Question

Richfaces 4 を使用しています。4<rich:datatable />つの列があります。その中で、最初の列は<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;
}

詳細については、この会話を確認してください。