コンポーネントタグは、HTML画面の作成を容易にするタグで、フィールドタグ、コレクションタグ、レイアウトタグの3つのグループに分けられます。
フィールドタグ
フィールドタグは、入力項目を表現するタグのグループです。
フィールドタグには以下の特長があります。
色、大きさ、フォント、境界線など外観の属性を設定します。
数値項目のフォーマットを設定します。
数値項目の上限下限を設定します。JavaScript使用でブラウザ上でチェックができます。
uji:checkBoxタグの使用でチェックボックスを容易に利用できます。
uji:anchorタグの使用でフォームを送信するためのアンカーを容易に利用できます。
uji:fieldEJStringタグの使用で、Interstage Charset Manager Standard Edition Web入力 Agentと連携した外字入力が利用できます。
フィールドタグには以下のものがあります。
タグ名 | 機能 |
---|---|
uji:fieldString | 文字列入力フィールド |
uji:fieldLong | 整数値入力フィールド |
uji:fieldDouble | 実数値入力フィールド |
uji:fieldBigInteger | 十進整数入力フィールド |
uji:fieldBigDecimal | 十進小数点数入力フィールド |
uji:fieldDate | 日付・時刻入力フィールド |
uji:fieldTextArea | 複数行テキスト入力フィールド |
uji:checkbox | チェックボックス |
uji:radioButton | ラジオボタン |
uji:pushbutton | プッシュボタン |
uji:anchor | アンカー |
uji:label | ラベル |
uji:fieldEJString | 外字入力フィールド |
コレクションタグ
コレクションタグは、選択項目や表などデータの組を表現するタグのグループです。
コレクションタグには以下の特長があります。
選択項目や表を容易に作成することができます。
選択項目や表の、色や大きさなどの外観の属性を設定します。
コレクションタグには以下のものがあります。
タグ名 | 機能 |
---|---|
uji:comboBox | コンボボックス形式の選択項目 |
uji:listBox | リストボックス形式の選択項目 |
uji:buttonList | ボタンの組 |
uji:recordView | レコード形式の入力項目の組 |
uji:tableView | 表 |
uji:treeView | ツリー付きの表 |
レイアウトタグ
レイアウトタグは、項目の配置を容易にするタグのグループです。
レイアウトタグには以下の特長があります。
画面上の項目配置を容易に設定できます。
uji:tabbedLayoutタグは画面内の領域切り替えを可能にします。
レイアウトタグには以下のものがあります。
タグ名 | 機能 |
---|---|
uji:borderLayout | 上下左右に領域を設定するレイアウト |
uji:gridLayout | 項目をグリッドに揃えるレイアウト |
uji:tabbedLayout | タブで切り替え可能なレイアウト |
色名の指定
uji:colorMapタグを使用して、色に名前を付けることができます。作成した色名を使用することで、画面の色使いを一括管理することができます。
<uji:colorMap name="myForeground" value="rgb(0,240,240)" /> <uji:fieldString bean="body" property="strData" foreground="myForeground" />