ラジオボタングループ

ラジオボタングループは複数のラジオボタン選択肢からひとつの選択を行うコンポーネントです。選択肢となるラジオボタンはオプション設定によって行います。

ノート

コンポーネントの高さよりもラジオボタンの選択肢が多い場合、選択肢の一部が見えなくなります。その場合、高さを十分に大きくするか、[スクロールバー (scrollBar)]プロパティを [ON (true)]に設定します。

プロパティ

No	項目	入力値	デフォルト値	アクションプロパティ	タイプ	アクションデフォルト値	説明
1	ID	文字列	自動設定	id	string	自動設定	[id]プロパティはアクションで設定はできません。
2	ラベル L	文字列	Radio Button	label	string	Radio Button	コンポーネントのラベル
3	幅	文字列	222	width	string	222	コンポーネントの幅
4	高さ	文字列	40	height	string	40	コンポーネントの高さ
5	X	文字列		x	string		X座標位置
6	Y	文字列		y	string		Y座標位置
7	位置固定	真偽	OFF	lock	boolean	false	ONの場合は画面をスクロールしてもコンポーネントが固定されて表示されます。 OFFの場合は画面をスクロールするとそれに合わせてコンポーネントも動きます。 v4.1.0で追加されたプロパティ
8	色	文字列 カラーピッカー		color	string		コンポーネントの色
9	背景色	文字列 カラーピッカー		backgroundColor	string		背景色
10	ラベル色	文字列 カラーピッカー		labelColor	string		ラベルの文字色
11	入力文字色	文字列 カラーピッカー		inputColor	string		ラベルの入力文字色
12	非アクティブ	真偽	OFF	disabled	boolean	false	コンポーネントの無効/有効状態
13	必須	真偽	OFF	required	boolean	false
14	読み取り専用	真偽	OFF	readOnly	boolean	false	読み取り専用モード
15	表示	真偽	ON	visibility	boolean	true	コンポーネントの表示/非表示
16	スクロールバー	真偽	OFF	scrollBar	boolean	false	スクロールバーの表示/非表示
17	水平位置	選択 1.左 2.中央 3.右	左	horizontalAlignment	string	left	水平方向の配置
18	垂直位置	選択 1.上 2.中央 3.下	上	verticalAlignment	string	top	垂直方向の配置
19	ヘルパーテキスト	文字列		helperText	string		ヘルパーテキスト
20	方向	選択 1.垂直 2.水平	垂直	direction	string	vertical	選択肢の並び方
21	オプション	表形式 [詳細1]	[詳細1]	options	string	[詳細1]	水平方向の配置
22	値	文字列	option1	value	string	option1	ラジオボタンの選択されたデータ
23	エラー			error	boolean	false	エラー状態
24	チェンジイベント	選択 1.なし 2.アクション 3. 切り離されたアクション	なし				値変更時のイベント設定 切り離されたアクションはv4.1.0で選択可能になりました。
25	切り離されたアクション	選択 1.[切り離されたアクションのID]		detachedAction	string		切り離されたアクションを設定 v4.1.0で追加されたプロパティ

ノート

• ^L：多言語対応プロパティとなります。
• [オプション]はフィールド右上のアイコンからダイアログが起動します。
• [幅]、[高さ]プロパティ値には下記を入力できます。
  px表示したい場合は数値のみ、%表示したい場合は単位に%を指定してください。
  下記以外を入力した場合の動作はサポート外になります。
  • 数値
  • 数値%
  • calc()関数
• [X]、[Y]プロパティ値には下記を入力できます。
  px表示したい場合は数値のみを指定してください。
  下記以外を入力した場合の動作はサポート外になります。
  • 数値
  • calc()関数
• calc()関数はCSSの関数で、計算を可能にする関数です。（例：calc(100% - 30px)）
  calc()関数で使用できる単位は 「%」と 「px」です。それ以外の単位（例：em,remなど）はサポート外になります。
• calc()関数を用いてサイズを指定した際は、エディタ上の表示とアプリ上の見た目が異なることがあります。 プレビューを用いてご確認ください。
• [必須]プロパティをONにした場合、ラベルの横に * マークが付きます。
  必須チェックは自動では行いませんので、アクションを定義してください。
• [スクロールバー]プロパティを[ON]に設定した場合は、[水平位置]及び[垂直位置]プロパティの値が[左]と[上]で固定されます。

[詳細1] オプション

デフォルトの状態は以下のように登録されています。[ADD]ボタンから[Label]と[Value]の組を登録します。 削除する場合は、チェックボックスを選択して、[DELETE]ボタンをクリックします。

選択	Label	Value
チェックボックス	Option1	option1
チェックボックス	Option2	option2

イベント

イベント名	説明
onchange	値の変更が行われた時に発生します。