selectInputColor
およびselectInputDate
コンポーネントは、ユーザーによる値の入力を支援するダイアログの起動ボタンを備えた入力フィールドを作成します。ユーザーは、第2のウィンドウに移動して色または日付の値を選択するかわりに、chooseColor
またはchooseDate
コンポーネント(oracle.adf.view.faces.component.UIXChoose
)を使用して、selectInputColor
またはselectInputDate
コンポーネント(oracle.adf.view.faces.component.UIXSelectInput
)で使用するインライン・カラー・パレットまたはインライン・カレンダを作成できます。
selectInput
コンポーネントを使用して、色または日付のインライン・ピッカーを作成および使用するには、chooseColor
またはchooseDate
コンポーネントと同じページにselectInput
コンポーネントを配置します。
ピッカーで色または日付が選択されたときに、selectInput
コンポーネントが、そのコンポーネント自体を更新するタイミングを把握するには、selectInput
コンポーネントのchooseId
属性を、chooseColor
またはchooseDate
コンポーネントのid
値に設定します。
af:chooseColor
コンポーネントは、インライン・カラー・パレットを作成します。このパレットには、次の2セットの色を表示できます。
colorData
属性で指定される標準色のセット。デフォルトでは、ADF Facesは、透明な1つのエントリを含めた49色標準パレット(#{adfFacesContext.colorPalette.default49}
)を表示します。80色標準パレットを使用する場合は、colorData
属性を#{adfFacesContext.colorPalette.default80}
に設定します。標準パレットに使用できる他のEL暗黙オブジェクトは、#{adfFacesContext.colorPalette.opaque49}
および#{adfFacesContext.colorPalette.web216}
です。
customColorData
属性で指定されるカスタム・カラーのセット。標準パレットで使用できる色を拡張したセットです。指定したカスタム・カラーは、標準のカラー・パレットの下に表示されます。
ヒント: これら2つの属性は、色(java.awt.Color
)のリスト(java.util.List
)または配列(java.util.ArrayList
)にバインドできます。
最初の図は、「Pick a color」というラベルの入力フィールドを示しています。ラベルの下には49色標準パレットがあり、入力フィールドの横には正方形のボックスがあります。
2番目の図では、80色標準パレットの下にある追加カスタム・パレットを示しています。
ユーザーが標準またはカスタム・パレットで色をクリックすると、入力フィールドには選択した色の16進値(#FF99FFなど)が自動的に挿入され、入力フィールドの横の正方形ボックスが選択した色で塗りつぶされます。
JSFページには、次のコードを指定できます。
...
<af:selectInputColor id="sic1"
chooseId="cp1"
label="Pick a color"
value="#{myBean.colorValue1}"/>
<af:chooseColor id="cp1"
colorData="#{adfFacesContext.colorPalette.default80}"
customColorData="#{myBean.colorArray}"/>
...
バッキングBeanでは、カスタム・カラー・データに対して次のコードを指定できます。
...
import java.awt.Color;
import java.util.ArrayList;
...
public Color[] getColorArray()
{
Color[] colorArray = new Color[4];
colorArray[0] = _colorValue1;
colorArray[1] = _colorValue2;
colorArray[2] = _colorValue3;
colorArray[3] = _colorValue4;
return colorArray;
}
private Color _colorValue1 = new Color(255, 0, 0);
private Color _colorValue2 = new Color(0, 255, 0);
private Color _colorValue3 = new Color(0, 0, 255);
private Color _colorValue4 = new Color(255, 255, 0);
...
注意: カラー・パレット・コンポーネントは、PDA、電話および音声のクライアント・エージェントではサポートされません。
af:chooseDate
コンポーネントは、次の操作で使用できるインライン・カレンダを作成します。
次の図は、「Pick a date」というラベルの入力フィールドを示しています。入力フィールドの横にはカレンダ・ボタンがあります。ラベルと入力フィールドの下には、月と年を選択する2つのドロップダウン・リストがあります。月のドロップダウン・リストの前には前月ボタンがあり、年のドロップダウン・リストの後には翌月ボタンがあります。ドロップダウン・リストの下には、月と年のドロップダウン・リストに表示されている月と年に対応する一連の日を示したカレンダがあります。
カレンダ内の数字をクリックすると、入力フィールドには、日付がデフォルトの日付書式(6/7/05など)で自動的に挿入されます。
JSFページには、次のコードを指定できます。
...<af:selectInputDate id="df1a"
chooseId="idp1"/>
<af:chooseDate id="idp1"/>
...
インライン・カレンダから選択できる日付の範囲を制限するには、af:chooseDate
の次の属性を設定します。
maxValue
: 日付に使用できる最大値を指定します。
minValue
: 日付に使用できる最小値を指定します。
最小または最大日付の範囲外の日付は、カレンダでグレー表示(無効)になります。
注意: ADF Facesでは、部分ページ・レンダリングをサポートしていないクライアント・ブラウザに、カレンダ・コンポーネントはレンダリングされません。
selectInputColorおよびselectInputDateについて
ADF Faces入力コンポーネントの概要
色および日付ピッカーの作成
Copyright © 1997, 2007, Oracle. All rights reserved.