データ・グリッドによって、ユーザーはデータをソートし、フィルターに掛け、
操作し、およびページングすることができます。
データ・グリッドをクライアント・データ・オブジェクトにバインドし、
それぞれの列、行、およびセルがどのように機能するかを決定するために、プロパティーを定義します。例えば、ある部門の従業員を表示することができます。このシナリオでは、
お客様のページ・データ・オブジェクトおよび
クライアント・データ・オブジェクトは従業員のリストを戻します。
以下のステップを使用して、JSP ページにデータ・グリッドを書き込みます。
- Web パースペクティブで、パレットからご使用の JSP ページと「Faces Client コンポーネント」ドロワーを展開します。
- 「データ・グリッド」コントロールを JSP ページ上にドラッグします。
- 「クライアント・データ」ビューで、リスト・プロパティーを選択して「データ・グリッド」コンポーネントまでドラッグします。
このステップによって、クライアント・データがデータ・グリッドにバインドされます。
- JSP ページでデータ・グリッド・コンポーネントを選択します。
- プロパティー・ビューに進みます。
- odc:datagrid タブで、1 ページに表示する行数を設定し、
行を追加できるかまたは削除できるかを指定し、スタイルを指定し、さらにヘッダーまたは
フッターのナビゲーション・バーを表示するかどうかを指定します。
- 列タブで、姓、名、電話番号、または給与、列の幅、
および列ラベルなどの表示する列を指定します。
- 「列詳細」タブで、例えば、列のデータをどのようなフォーマットにするか、
数、日付、ストリングを指定します。
- 終了したら、テスト・サーバー上で JSP ページを保管および実行します。
注: データ・グリッドについて詳しくは、プロパティー・ビューで F1 キーを押してください。