フィールド・プロパティー間の関係によって、EGL が VGUIRecord のフィールドを JSP の HTML コントロールに変換する方法が決まります。
下の表に、指定された各 HTML コントロールの作成方法を示します。
| HTML コントロール | フィールドは配列? | uiType | フィールド長 | selectedIndex- |
フィールド値 |
|---|---|---|---|---|---|
| テキスト・ボックス | N | input または inputOutput | <=80 文字 | 該当なし | 初期表示 |
| テキスト・エリア | N | input または inputOutput | > 80 文字 | 該当なし | 初期表示 (<textarea> タグと </textarea> タグの間) |
| ラジオ・ボタン | Y | input または inputOutput | 該当なし | 数値フィールド | 未使用 |
| チェック・ボックス | Y | input または inputOutput | 該当なし | 数値配列 | 未使用 |
| 単一選択コンボ・ボックス | Y | output | 該当なし | 数値フィールド | コンボ・ボックスの項目 |
| 複数選択コンボ・ボックス | Y | output | 該当なし | 数値配列 | コンボ・ボックスの項目 |
10 ID INT [3] {
displayName = "First option: ¥nSecond option: ¥nThird option:" ,
selectedIndexItem = SELECTEDID,
uiType = input
} = [1, 2, 3];
10 SELECTEDID int {
uiType = none
};
表示されるコントロールは、以下のサンプルのようになります。

各ラジオ・ボタンのラベルの後に、対応する配列のメンバーの値が表示されているテキスト・ボックスが配置されていることに注意してください。これらのテキスト・ボックスは VisualAge® Generator 実装の成果物であり、EGL は、互換性を確保するために、この動作を維持します。表示を生成する変数は 3 つの INT メンバーを持ち、input の uiType を持つため、理論上はこれらの任意のメンバーに新規の値を入力することができますが、実際にそれを行う理由はありません。
10 SELECTEDID int [3] {
uiType = none
};
10 ID INT [3] {
displayName = "Pick a number:" ,
selectedIndexItem = SELECTEDID,
uiType = output
} = [1, 2, 3];
10 SELECTEDID int {
uiType = none
};
表示されるコントロールは、以下のサンプルのようになります。

10 MYLINK char(32) {
displayName = "MyLink",
uiType = programLink,
@programLinkData {
programName = "DEST_PGM",
uiRecordName = "DEST_PGE",
newWindow = no,
linkParms = [
@linkParameter { name = "PARM", value="ParmData" },
@linkParameter { name = "NAME", valueRef=NAME },
@linkParameter { name = "ID", value="107" }
]
}
};
ここで、programLink の UI タイプによって、displayName プロパティー (「MyLink」) の内容をリンクとして表示することができます。そのリンクは、uiRecordName プロパティー (「DEST_PGE」) のページを起動する programName プロパティー (「DEST_PGM」) のプログラムを指します。各 @linkParameter プロパティーの名前と値は、宛先プログラムの URL によって照会ストリングに渡されます。
10 MYFORM01 char(60) {
displayName = "MyForm01",
uiType = uiForm,
@programLinkData {
programName = "DEST_PGM",
uiRecordName = "DEST_PGE",
newWindow = no,
linkParms = [
@linkParameter { name = "PARM", value="ParmData" }
]
}
};
20 BUTTON1 char(8) {
displayName = "Submit",
uiType = submit
} = "SUBMIT";
ユーザーが書式を送信すると、VGWebTransaction プログラムは show コマンドを使用して、programName プロパティーのプログラムを呼び出します。 フィールド値が呼び出し先プログラムに渡される方法について詳しくは、「EGL 言語解説書」の『show』を参照してください。