richfaces - スキンファイルrichfacesでテーブルの行の色を設定する方法

Question

リッチフェイスのスキンを使用してテーブルの行の色を設定する方法を教えてください。どのファイルとどのプロパティを変更する必要がありますか?

ありがとう

Answer 1

firebug を使用してテーブルを検査し、CSS ファイルでそのスタイルをオーバーライドすることができます。次のようなもの（正確にはこれではありません）：

.rf-dt-c {
  color: #FFFFFF;
}

または、次のように独自のスタイルを作成することもできます<rich:dataTable>。

.richTable {
  width: 100%;
}
  .richTable .rowEven {
    background-color: #FFFFFF;
  }
  .richTable .rowOdd {
    background-color: #CCCCFF;
  }
  .richTable .active-row {
    background-color: #FFEBDA !important;
    cursor: pointer;
  }

あなたのスタイルを設定します<rich:dataTable>：

<rich:dataTable id="table" var="item" value="#{bean.model}" styleClass="richTable">
  ...
</rich:dataTable>

必要に応じて行のスタイル (偶数、奇数、アクティブ) を使用jQueryします。

<rich:jQuery selector=".richTable tr:odd" query="addClass('rowOdd')" />
<rich:jQuery selector=".richTable tr:even" query="addClass('rowEven')" />
<rich:jQuery selector=".richTable tr" event="mouseover" query="jQuery(this).addClass('active-row')"/>
<rich:jQuery selector=".richTable tr" event="mouseout" query="jQuery(this).removeClass('active-row')"/>

もちろん、あなたのビューに追加jQueryします：

<script type='text/javascript' src='js/jquery-1.4.4.js'></script>