Rich UI RadioGroup
Rich UI radioGroup ウィジェット (簡潔にはラジオ・グループ) は、水平方向に整列された一連のラジオ・ボタンを表示します。 このグループは、ユーザーに対してボタンのクリックを促し、(該当する場合は) 前に選択されたグループのラジオ・ボタンを選択解除することで、ユーザーによるクリックに応答します。
ラジオ・グループについて onClick イベントを指定した場合、ユーザーのクリックにより関数が呼び出されます。 いずれかのボタン上のクリックに応答して、同じ関数が呼び出されます。一般的には、関数はクリックされたボタンを最初に判別し、それから選択内容に応答します。
以下にコードの例を示します。
import egl.ui.rui.Event;
import com.ibm.egl.rui.widgets.RadioGroup;
import com.ibm.egl.rui.widgets.TextField;
handler MyHandler type RUIHandler{initialUI =[myTextField, myRadioGroup]}
myTextField TextField{text = "On Monday?"};
myRadioGroup RadioGroup{groupName = "abc",
options =["Monday", "Tuesday"],
onClick ::= myRadio};
function myRadio(e Event in)
if(myRadioGroup.selected == "Tuesday")
myTextField.text = "No, on Monday!";
else
myTextField.text = "No, on Tuesday!";
end
end
end
以下のプロパティーをサポートします。
- groupName。一部のブラウザーでの必要性に応じて、ラジオ・グループの名前を表すストリングを指定します。 このプロパティーは必須です。
- options。一連のラジオ・ボタンのテキストとして表示されるストリングの配列を参照します (ボタンごとに 1 つのストリング)。
- selected。例で示すように、実行時にアクセスできるフィールドです。
サポートされる他のプロパティーおよび関数は、『ウィジェットのプロパティーと関数』で説明されています。
このウィジェットを使用するには、次のステートメントが必要です。
import com.ibm.egl.rui.widgets.RadioGroup;