0

p:datatable でアイコンを filterOptions として表示しようとしています。現在の状況では、ユニコード記号のリストを表示していますが、クライアントはそれらをカラフルにしたいと考えています。以下のコードは、backingbean に状態のリスト (フィルター オプション) を入力する方法を示しています。

private static final String LABEL_DEACTIVATED = "\u24E7";
private static final String LABEL_ACTIVATED = "\u2714";
private void fillSelectItem() {
        userStates = new SelectItem[3];

        userStates[0] = new SelectItem("", LABEL_ALL);
        userStates[1] = new SelectItem(USER_ACTIVATED.name(), LABEL_ACTIVATED);
        userStates[2] = new SelectItem(USER_DEACTIVATED.name(),
                LABEL_DEACTIVATED);
    }
4

1 に答える 1

1

ターゲット ブラウザーが CSS2 属性セレクターをサポートしている限り (つまり、ほとんどすべての最近のブラウザー)、CSS を使用して個々のアイコンのスタイルを設定できます。css ファイルに以下を記述します。

option[value='USER_ACTIVATED'] {
    /* for example */
    background-image: url(.....);
    background-color: #123456;   
    color: #123123;
}

option[value='USER_DEACTIVATED'] {
    /* for example */
    background-image: url(.....);
    background-color: #888111;   
    color: #222222;
}
于 2013-02-22T03:43:19.393 に答える