richfaces - 如何在皮肤文件richfaces中设置表格的行颜色

Question

谁能告诉我如何使用 Richfaces 皮肤设置表格的行颜色？我必须在哪个文件和哪个属性中更改？

谢谢

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>