5.20 uji:borderLayout

uji:borderLayoutについて説明します。uji:borderLayoutには、以下の機能があります。

また、ブラウザによる対応状況についても説明します。

ブラウザ対応状況

基本機能

uji:borderLayoutタグは、4辺に領域を持つレイアウトを設定します。

領域は、"north"、"west"、"south"、"east"、"center"と指定します。

アトリビュート

uji:borderLayoutタグのアトリビュートは以下を指定します。

アトリビュート名	省略	意味	省略時の動作
width	可	領域の幅を指定します。(*)	標準の幅となります。
height	可	領域の高さを指定します。(*)	標準の高さとなります。
borderColor	可	領域枠の色を指定します。(*)	標準の色となります。
borderType	可	領域枠の形式を指定します。(*)	標準の形式となります。
borderWidth	可	領域枠の線幅を指定します。(*)	標準の線幅となります。
spacing	可	領域の隙間を指定します。(*)	標準の空白となります。

(*)“7.5.1 項目の指定方法”を参照してください。

コンテント: uji:borderLayoutタグのコンテントにはuji:borderLayoutRendererタグを1個以上記述します。それ以外のタグは記述できません。

使用例

JSP

<uji:borderLayout >
  <uji:borderLayoutRenderer place="north" >
    タイトル...
  </uji:borderLayoutRenderer>
  <uji:borderLayoutRenderer place="center" >
    本体...
  </uji:borderLayoutRenderer>
</uji:borderLayout>

注意事項

各ブラウザでそれぞれのアトリビュートが有効かどうかは“ブラウザ対応状況”を参照してください。
画面部品タグのコンテントとしてuji:borderLayoutタグを使用した場合、その画面部品タグのカレントオブジェクトはuji:borderLayoutRendererタグのコンテントでは使用できません。

イベントモデル

uji:borderLayoutタグは、4辺に領域を持つレイアウトを設定します。

領域は、"north"、"west"、"south"、"east"、"center"と指定します。

アトリビュート

uji:borderLayoutタグは、イベントモデルで使用する際に以下のアトリビュートを指定します。これ以外のアトリビュートについては、“基本機能”を参照してください。

アトリビュート名	省略	意味	省略時の動作
id	可	コンポーネントのIDを指定します。	自動的に付与されます。

コンテント

uji:borderLayoutタグのコンテントには以下のタグが記述できます。

uji:borderLayoutRenderer(1個以上)

使用例

JSP

<f:view>
  <uji:borderLayout >
    <uji:borderLayoutRenderer place="north" >
      タイトル...
    </uji:borderLayoutRenderer>
    <uji:borderLayoutRenderer place="center" >
      本体...
    </uji:borderLayoutRenderer>
  </uji:borderLayout>
</f:view>

注意事項: 注意事項については、“基本機能”を参照してください。

ブラウザ対応状況

アトリビュート	IE7	IE8	IE9	IE10	IE11
width	○	○	○	○	○
height	○	○	○	○	○
borderColor	○	○	○	○	○
borderType	○	○	○	○	○
borderWidth	○	○	○	○	○
spacing	○	○	○	○	○