選択

​

を選択

select コンポーネントは、ドロップダウンメニュー形式のオプションのリストをユーザーに表示するのに一般的に使用されます。 ユーザーは一度にドロップダウンリストから1つのオプションしか選択できません。 ユーザーは一度にドロップダウンリストから1つのオプションしか選択できません。 select コンポーネントは、ドロップダウンメニュー形式のオプションのリストをユーザーに表示するのに一般的に使用されます。 ユーザーは一度にドロップダウンリストから1つのオプションしか選択できません。 ユーザーは一度にドロップダウンリストから1つのオプションしか選択できません。 select コンポーネントは、ドロップダウンメニュー形式のオプションのリストをユーザーに表示するのに一般的に使用されます。 ユーザーは一度にドロップダウンリストから1つのオプションしか選択できません。 ユーザーは一度にドロップダウンリストから1つのオプションしか選択できません。 ユーザーは一度にドロップダウンリストから1つのオプションしか選択できません。

ドロップダウンの単一選択コンポーネントは通常、テキストラベルとドロップダウン矢印アイコンで構成されています。 クリックまたはタップすると、ユーザーが選択できるオプションのリストが開きます。 ユーザーがオプションを選択すると、ドロップダウンメニューが閉じ、選択されたオプションがコンポーネントに表示されます。 ユーザーがオプションを選択すると、ドロップダウンメニューが閉じ、選択されたオプションがコンポーネントに表示されます。 ユーザーがオプションを選択すると、ドロップダウンメニューが閉じ、選択されたオプションがコンポーネントに表示されます。

このコンポーネントは、フォーム、アンケートでよく使用されます。 そして、ユーザーがあらかじめ定義された選択肢から1つの選択肢を選択する必要がある他のデータ入力シナリオ。 それはあまりにも多くの画面の不動産を取るか、一度にあまりにも多くのオプションを持つユーザーを圧倒することなく、オプションのリストを提示するコンパクトで直感的な方法を提供します。

​

プロパティー

​

手動オプション

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

​

マップされたオプション

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

​

その他のプロパティ

​

方法

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

​

setValue

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

​

clearValue

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

​

validate

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

​

clearValidate

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

​

イベントハンドラ：

select コンポーネントの onChange イベントのリスニングをサポートします。

選択したオプションが変更されると、指定したアクションをトリガーできます。 つまり、ユーザーが select コンポーネントから別のオプションを選択した場合、選択したオプションに基づいて特定のアクションを実行することができます。 例えば、ウェブ形式では 別のオプションを選択すると、異なるフォームフィールドの表示や、別の宛先へのフォームの送信がトリガーされます。 このようにして、ユーザーが選択したオプションは、使用しているソフトウェアまたは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 コンポーネントの設定

1. データソースを{{postgresql1.data}}に設定する

2. 言語に基づいてラベルを変更するようにラベルを設定します。

   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 }}