4

Primefaces（3.0）スケジューラコンポーネントを使用しています。

http://www.primefaces.org/showcase-labs/ui/schedule.jsf

ここでわかるように、青色で作成されたイベントがいくつかあります。

今度は、これらのイベントの色を独自性に基づいて変更したいと思います。各従業員の例として、一意のIDが関連付けられます。

たとえば、従業員ID 1の場合、イベントの色は青になり、ID 2の場合、イベントの色は赤になります。

バッキングBeanからのこれらの数のイベントに色を適用するにはどうすればよいですか？どんな手掛かり....

この方法でスケジューラの背景色を変更することはできますが、イベントの色を変更する方法がわかりませんか？

4

6 に答える 6

12

必要に応じて、同じイベントにスタイルクラスとデータを追加します。

例：

String id="2";
DefaultScheduleEvent evento = new DefaultScheduleEvent("titule", new Date(), new Date(), id);
evento.setStyleClass("event-close");

CSSでは、Damianの応答は良好です。

于 2012-11-19T21:37:44.157 に答える
4

CSSクラスをパラメーターとして受け取るDefaultScheduleEventのコンストラクターがあります。

eventModel = new DefaultScheduleModel();  
eventModel.addEvent(new DefaultScheduleEvent("Event for employee 1", new Date(), laterToday(), "emp1"));
eventModel.addEvent(new DefaultScheduleEvent("Event for employee 2", tomorrow(), laterTomorrow(), "emp2"));

emp1とemp2はスタイルクラスです。

PrimeFaces 3.0の場合、スタイルシートに次のcssを追加します。

.emp1 .fc-event-skin {
    background: red;
}
.emp2 .fc-event-skin {
   background: green;
 }

他のPrimeFacesバージョンについては、他の回答を参照してください

于 2012-08-17T12:15:14.660 に答える
1

Primefaces4.0を使用するときにこのコードを適用する

eventModel = new DefaultScheduleModel();  
eventModel.addEvent(new DefaultScheduleEvent("Event for employee 1", new Date(), laterToday(), "emp1"));
eventModel.addEvent(new DefaultScheduleEvent("Event for employee 2", tomorrow(), laterTomorrow(), "emp2"));

emp1とemp2はスタイルクラスです。次に、次のcssをスタイルシートに追加します。

.emp1 .fc-event-inner {
    background: red;
}
.emp2 .fc-event-inner {
   background: green;
 }
于 2014-06-27T08:51:21.807 に答える
1

Primefaces 7.0では、CSSセレクターを変える必要があります。あなたは使用する必要があります.fc-bg

次のCSSコードを使用します。

.specialEvent .fc-bg {
    background-color: red;
    border-color: red;
    color: white;
    opacity: 1;
}

javacodeからのスタイルの設定は同じままです

于 2019-07-09T18:47:57.103 に答える
0

次のメソッドを使用して、スタイルシートおよびバッキングBeanセットスタイルクラスからDefaultScheduleEventインスタンスへのスタイルクラスを定義できます。

public void setStyleClass(String styleClass)
于 2012-08-17T12:13:22.807 に答える
-1

コードでstyleClassを設定した後、上記のようにPrimeFaces5.2では色付けが機能しませんでした。最後に、重要な修飾子を使用して動作させました。

a.emp1 {
   background: #D0525D !important;
   border-color: #932c39!important;
}
于 2015-08-26T10:01:59.933 に答える