ラジオボタンコンポーネントドキュメント

ラジオボタンは、ユーザーが事前定義されたオプションのグループから1つのオプションを選択することができます入力コンポーネントを選択します。四角ボタンとして表示され、ユーザーによって選択または選択解除できます。ラジオボタンを選択すると、同じグループ内の他のすべてのラジオボタンが自動的に選択解除されます。一度に1つの選択肢しか選択できないようにしますラジオボタンは、フォーム、アンケート、アンケートで一般的に使用され、ユーザーがオプションのリストから単一の選択を行うのに役立ちます。

プロパティー

手動オプション

新しいオプションを追加するか、手動でオプションを削除し、オプションを1つずつ設定します。オプションのプロパティは以下のとおりです。オプションのプロパティは以下のとおりです。オプションのプロパティは以下のとおりです。オプションのプロパティは以下のとおりです。オプションのプロパティは以下のとおりです。オプションのプロパティは以下のとおりです。

プロパティー	説明
ラベル	オプションに表示されるテキスト
値	オプションに関連付けられている値
無効	選択オプションが無効になっているかどうか

マップされたオプション

label と value プロパティを対応するデータフィールドにマッピングすることで、データソースからオプションを追加することもできます。このようにして、データベースから動的にオプションを取得できます。この記事の最後に、例を通してそれを使用する方法を紹介します。このようにして、データベースから動的にオプションを取得できます。この記事の最後に、例を通してそれを使用する方法を紹介します。このようにして、データベースから動的にオプションを取得できます。この記事の最後に、例を通してそれを使用する方法を紹介します。このようにして、データベースから動的にオプションを取得できます。この記事の最後に、例を通してそれを使用する方法を紹介します。このようにして、データベースから動的にオプションを取得できます。この記事の最後に、例を通してそれを使用する方法を紹介します。このようにして、データベースから動的にオプションを取得できます。この記事の最後に、例を通してそれを使用する方法を紹介します。このようにして、データベースから動的にオプションを取得できます。この記事の最後に、例を通してそれを使用する方法を紹介します。

プロパティー	説明
データソース	オプションのデータソースを設定
ラベル	{{item}} を使用してオプションのラベルを設定
値	{{item}} を使用してオプションの値を設定します
無効	選択オプションが無効になっているかどうかを設定するには {{item}} を使用します

その他のプロパティ

プロパティー	説明
既定値	コンポーネントの初期値。コンポーネントの初期値。コンポーネントの初期値。コンポーネントの初期値。コンポーネントの初期値。コンポーネントの初期値。コンポーネントの初期値。コンポーネントの初期値。 {{}}}にJavaScriptを入力すると、初期値を動的に変更することができます。
プレースホルダー	値は入力フィールドが空の場合に表示されます。
ラベル	ユーザーに表示されるフィールドの名前
図表番号	フィールドを詳細に説明するために使用されるキャプションです。
非表示ラベル	ラベルを表示するかどうかを設定します
位置	コンポーネントに対する相対的なラベルの位置を設定します
配置	ラベルの配置を設定
Width	ラベルがコンポーネントの左側にある場合、ラベルの幅比率を設定します
イベントハンドラー	トリガクエリ、コンポーネントのイベントに応じてコンポーネントを制御したり、他のAPIを呼び出したりします。
無効	コンポーネントが無効化されているかどうかのステータスを制御します。コンポーネントが無効化されているかどうかのステータスを制御します。無効になっている場合、コンポーネントを変更したりフォーカスしたりすることはできません。コンポーネントが無効化されているかどうかのステータスを制御します。コンポーネントが無効化されているかどうかのステータスを制御します。無効になっている場合、コンポーネントを変更したりフォーカスしたりすることはできません。コンポーネントが無効化されているかどうかのステータスを制御します。無効になっている場合、コンポーネントを変更したりフォーカスしたりすることはできません。
読み取り専用	コンポーネントが読み取り専用かどうかのステータスを制御します。コンポーネントが読み取り専用かどうかのステータスを制御します。読み取り専用コンポーネントを選択してフォーカスできますが、変更することはできません。コンポーネントが読み取り専用かどうかのステータスを制御します。読み取り専用コンポーネントを選択してフォーカスできますが、変更することはできません。
クリアボタンを表示	クリアボタンを表示するかどうかを設定します
ツールチップ	ユーザはコンポーネントツールチップを入力できます。ツールチップがフォーカスされると表示されます。 Markdown 形式がサポートされています。ツールチップがフォーカスされると表示されます。 Markdown 形式がサポートされています。
必須項目	スイッチがオンの場合のみ有効です。
カスタムルール	editor.inspect.setter_tooltip.custom_rule
検証メッセージを隠す	入力値が正しくない場合は非表示の状態を切り替えることでエラーメッセージを非表示にできます。非表示状態はJavaScriptで動的に変更できます。非表示状態はJavaScriptで動的に変更できます。非表示状態はJavaScriptで動的に変更できます。非表示状態はJavaScriptで動的に変更できます。非表示状態はJavaScriptで動的に変更できます。非表示状態はJavaScriptで動的に変更できます。非表示状態はJavaScriptで動的に変更できます。非表示状態はJavaScriptで動的に変更できます。
フォームデータキー	data 属性を構築する際に、ラッピングフォームコンポーネントのキーを指定します。
Hidden	コンポーネントが非表示になるかどうかを動的に制御します。動的ブール値を使用して非表示状態を変更できます。動的ブール値を使用して非表示状態を変更できます。
テーマの色	コンポーネントのテーマカラーを選択する

方法

他のコンポーネントを使用してコンポーネントを制御できます。以下の3つの方法をサポートします。以下の3つの方法をサポートします。以下の3つの方法をサポートします。以下の3つの方法をサポートします。以下の3つの方法をサポートします。以下の3つの方法をサポートします。以下の3つの方法をサポートします。以下の3つの方法をサポートします。

setValue

選択したオプションを設定するには、例えば{{“value1”}}

プロパティー	説明
値	選択したオプション値の文字列。

clearValue

選択したオプションをクリアするには

validate

入力情報が合法であることを確認するには

clearValidate

検証メッセージを消去するには

イベントハンドラ：

ラジオボタンコンポーネントの onChange イベントのリスニングをサポートします。

選択したオプションが変更されると、指定したアクションをトリガーできます。これは、ユーザーがラジオボタンのグループから別のオプションを選択するときことを意味します。選択したオプションに基づいて特定の動作を行うことができます例えば、ウェブ形式では別のオプションを選択すると、異なるフォームフィールドの表示や、別の宛先へのフォームの送信がトリガーされます。このようにして、ユーザーが選択したオプションは、使用しているソフトウェアまたはWebアプリケーションの動作に影響を与える可能性があります。ユーザーの入力に基づいて指定されたアクションをトリガーする能力は、インタラクティブなソフトウェア設計の重要な側面であり、ソフトウェアの使いやすさと機能を向上させることができます.

データ

このコンポーネントには、一般的に使用されるデータがいくつか含まれており、アプリで {{componentName.propertyName}} を介して呼び出すことができます。

プロパティ名	説明
値	選択したオプションの値の文字列

大文字小文字を区別する

次に、マップされたモードを使用してオプションを動的に取得する方法を示します。

ステップ 1 アクションを追加

options_en、options.jp、options_zh、options_kr、valueの5つの列を含むselectionという名前のテーブルを作成しました。オプションの値は value に保存され、他の列の異なる言語のオプションラベルに保存されました。 options_en、options.jp、options_zh、options_kr、valueの5つの列を含むselectionという名前のテーブルを作成しました。オプションの値は value に保存され、他の列の異なる言語のオプションラベルに保存されました。 options_en、options.jp、options_zh、options_kr、valueの5つの列を含むselectionという名前のテーブルを作成しました。オプションの値は value に保存され、他の列の異なる言語のオプションラベルに保存されました。 options_en、options.jp、options_zh、options_kr、valueの5つの列を含むselectionという名前のテーブルを作成しました。オプションの値は value に保存され、他の列の異なる言語のオプションラベルに保存されました。オプションの値は value に保存され、他の列の異なる言語のオプションラベルに保存されました。

postgresql1という名前のselection内のすべてのデータを一覧表示するアクションを作成します

select * from selection

ステップ 2 コンポーネントの設定

データソースを{{postgresql1.data}}に設定する
言語に基づいてラベルを変更するようにラベルを設定します。
1. {{ item.columnName }} を使用して列を設定します。
2. ILLAで使用する言語を設定するには、 {{ currentUserInfo.language }} を使用します。
```
{{currentUserInfo.language=='ja-JP' ? item.options_jp 
: currentUserInfo.language == 'ko-KR' ? item.options_kr 
: currentUserInfo.language == 'zh-CN' ? item.options_zh 
: item.options_en }}
```

Radio button