как установить цвета строк таблицы в файле скина richfaces

пожалуйста, кто-нибудь может сказать мне, как установить цвета строк таблицы с помощью Skin of richfaces? в каком файле и какое свойство я должен изменить?

Спасибо


person muneebShabbir    schedule 31.05.2012    source источник


Ответы (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>
person gaffcz    schedule 04.06.2012
comment
это означает, что я должен идти с CSS. нет способа изменить файл skin.properties или XCSS для достижения этой цели? - person muneebShabbir; 05.06.2012
comment
Я не знаю, я спрашивал об этом несколько месяцев назад (stackoverflow.com/questions/6043214/), но получил тот же ответ, что и сейчас :-), чтобы отредактировать CSS и переопределить стили Richfaces. И это реально работает, четко и удобно - person gaffcz; 05.06.2012