この複合コンポーネントは、他のコンポーネントをレイアウトするために使用されます。これは、含まれているすべてのコンポーネントを、 指定された数の列を含むテーブル内に位置合わせします。
「グリッド」コンポーネントをページにドラッグ・アンド・ドロップします:
「グリッド」コンポーネントは、
ページでこのように表示されます:
実行時の「グリッド」コンポーネントは、追加されたコンポーネントによって異なります。
コンポーネントの「プロパティー」ビューには、コンポーネント上で設定できる最も一般的な属性セットが表示されます。コンポーネントによっては、コントロール、アクション、または他のコンポーネントを追加するためのオプションが表示されることもあります。「プロパティー」ビューを開くには、「ウィンドウ」 > 「ビューの表示」 > 「プロパティー」をクリックします。ただし、このビューはデフォルトで開かれています。
「グリッド」コンポーネントのこれらの共通属性は、「プロパティー」ビューの「hx:panelGrid」タブ、および「項目 (Items)」タブに表示されます。属性の詳細なリストについては、『グリッドの全属性』の表を参照してください。パネル項目のその他の構成オプションは、「hx:panelGrid」 > 「項目 (Items)」 タブにあります。
構成オプション |
説明 |
---|---|
パネル内の項目の順序 |
「上に移動」および「下に移動」ボタンを使用して、 パネル内のコンポーネントの順序を指定できます。 |
「すべての属性」ビューには、コンポーネント上で設定できるすべての属性のテーブルが表示されます。これには、「プロパティー」ビューからアクセスできる属性も含まれます。「すべての属性」ビューに切り替えるには、「プロパティー」ビューの右上で「すべての属性」アイコンをクリックしてください。
属性名 |
「プロパティー」ビューでの再表示 |
説明 |
---|---|---|
bgcolor |
背景色 |
# 記号で始まる 6 桁の 16 進数 RGB 値、 または色の名前 (例えば、black、white、blue など) を入力して、背景色を指定します。 |
border |
再表示しない |
テーブルのボーダーのサイズをピクセル単位で指定します。 |
binding |
再表示しない |
通常はバッキング・ファイルの中でこのコンポーネントを表す UIComponent。 |
cellpadding |
埋め込み |
セルの境界線とセルの内容との間のスペースの量を指定します。この属性の値がピクセルの長さである場合は、4 つのマージンすべてが、その分だけその内容から離れていなければなりません。 |
cellspacing |
余白 |
セルとセルの間に置くスペースの量を、ピクセル数で指定します。 |
columnClasses |
再表示しない |
データ・テーブル・コンポーネントの列に定義済み CSS stylesheet スタイルを割り当てます。 CSS stylesheet ファイルを使用するためには、事前にこれをコンポーネントの JSP にリンクする必要があります。これは、手動で入力することも、ボタンをクリックして希望するクラスをウィンドウ内で選択して入力することもできます。 |
cols |
サイズ: 列数 |
グリッド内の列の数を指定します。 |
dir |
再表示しない |
実行時のコンポーネントの表示方向を指定します。指定できる値は次のいずれかです。
|
footerClass |
再表示しない |
データ・テーブル・コンポーネントの列ヘッダーに定義済み CSS stylesheet スタイルを割り当てます。 CSS stylesheet ファイルを使用するためには、事前にこれをコンポーネントの JSP にリンクする必要があります。これは、手動で入力することも、ボタンをクリックして希望するクラスをウィンドウ内で選択して入力することもできます。 |
frame |
再表示しない |
グリッドを囲むフレームのどちらの側を見えるようにするかを指定します。 |
headerClass |
再表示しない |
データ・テーブル・コンポーネントの列ヘッダーに定義済み CSS stylesheet スタイルを割り当てます。 CSS stylesheet ファイルを使用するためには、事前にこれをコンポーネントの JSP にリンクする必要があります。これは、手動で入力することも、ボタンをクリックして希望するクラスをウィンドウ内で選択して入力することもできます。 |
id |
ID |
名前をコンポーネントに割り当てます。JSP 内の固有名でなければなりません。 |
lang |
再表示しない |
コンポーネントの属性値およびテキスト内容の基本言語を指定します。 ISO 標準言語の省略形コード (たとえば、英語の場合は「en」、米国英語の場合は「en-US」、フランス語の場合は「fr」、ドイツ語の場合は「de」) を使用します。 |
rendered |
再表示しない |
true または false に設定できます。
|
rowClasses |
再表示しない |
行が表示されるときに反復される一連のクラス。 これは、手動で定義することも、ボタンをクリックして希望するクラスをウィンドウ内で選択して定義することもできます。 |
rules |
再表示しない |
テーブル内のセル間で表示される罫線を指定します。
|
size |
サイズ: 高さ |
コンポーネントの高さを (行数、ピクセル数、または画面のパーセンテージで) 指定します。 |
style |
スタイル: プロパティー |
コンポーネントの CSS スタイル情報 (たとえば、style="font-size : 8pt ; color : red") を指定します。選択されたコンポーネントのプロパティー (フォントや色など) を定義します。これは、手動で行うことも、ボタンをクリックして希望するプロパティーをウィンドウ内で選択して行うこともできます。 |
styleClass |
スタイル: クラス |
このエレメントのレンダリング時に適用される CSS スタイル・クラスのスペースで区切られたリスト。この値は、生成されたマークアップ上の「class」属性としてパススルーする必要があります。選択されたコンポーネントのクラス (スタイル・シートなど) を定義します。これは、手動で行うことも、ボタンをクリックして希望するクラスをウィンドウ内で選択して行うこともできます。 |
summary |
再表示しない |
非ビジュアル・メディアにレンダリングするユーザー・エージェント用の要約詳細ストリングを指定します。 |
title |
再表示しない |
実行時にツールチップとしてブラウザーに表示されるタイトル・テキストを指定します。 |
width |
サイズ: 幅 |
ピクセルまたはパーセントのいずれかでコンポーネントの幅を指定します。パーセントを指定するためには、% を値に付加してください。 |