0

) primefaces テーマの使用中に問題が発生しました... XHTML ページに、条件に応じて色付けされた行を含むデータテーブルが含まれています。しかし、テーマ「trontastic」の統合後、すべてが失われます. これをお願いします私のコードでは、条件に応じてこのスタイルが表示されません

<p:dataTable var="fab" value="#{composantbean.list}" 
   rowStyleClass="#{fab.statut eq 'Actif' ? 'a'  : (fab.statut eq 'Obsolete' ? 'o':(fab.statut eq 'En voi d obsolescence' ? 'e':(fab.statut eq 'Obsolete mais diponible' ? 'or':null)))}">

これは受け入れないスタイルです!!!

<h:head><style type="text/css">

.a
{
background-color: #00FF00 !important;
      font-weight: bold;
}
.o
{
background-color: #FF0000 !important;
      font-weight: bold;
}
.e
{
background-color: #FFFF00 !important;
      font-weight: bold;
}
.or
{
background-color: #FF9933 !important;
      font-weight: bold;
}
</style>
4

2 に答える 2

1

ブラウザに応じて、データテーブル要素をfirebugまたはその他のもので確認してください。私は、primefaces テーマが特定の css クラスをそこのコンポーネントに追加すると仮定します。スタイルを編集したい場合は、それらに基づいた css クラスを作成する必要があります。

デフォルトでは、css クラスは.ui-component

CSSクラスを編集してみてください.ui-component .o ...

.ui-component は何でもかまいませんので、firefox の firebug を使用してチェックするか、chrome の開発者ツール (cntrl shift i ) を使用して要素の css クラスをチェックしてください。

于 2013-04-23T20:42:40.817 に答える
1

ここには 2 つの問題があります。

  1. firebug を開くと、primefaces の例とコードで行われているような background-colorではなく、背景がbackground css プロパティに割り当てられていることがわかります。したがって、すべての背景色を背景に置き換えます。
  2. カスタム カラーが復元された後、ハイライト行の色が失われていることがわかります。それを修正するには、firebug を開き、CSS .ui-state-highlight の中から見つけて重要なものを追加します。afterworkテーマは次のようになります。

.ui-state-ハイライト {

 background: linear-gradient(#FFFFFF, #CCEEFF)
 repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

}

于 2013-10-08T13:50:26.517 に答える