Select
コンポーネントを選択すると、あらかじめ定義されたオプションが選択されます。
初期設定
Mode - ドロップダウンから複数のオプションを選択できるようにするにはMultiple を選択します。それ以外の場合はシングルモードを使用します。
ルック＆フィールの設定
Label (not mantory) は、コンポーネントのラベルを表示するために使用されます。
Placeholder (必須ではありません) コンポーネントのプレースホルダーを表示するために使用されます。
Name(必須) - コンポーネントの名前．
Size (必須) - コンポーネントのサイズです。コンポーネント作成時にDefaultに設定されます。
Search (必須) - 利用可能なドロップダウンのオプションの中で検索できるようにします。デフォルトではオフに設定されています。
Clear icon(必須) - クリアオプションアイコンが有効な場合、表示されます。デフォルトではオフに設定されています。
Disabled (必須) -オンにすると、コンポーネントを無効にします。デフォルトではオフに設定されています。
Visible (必須) -オンにすると、コンポーネントを表示します。デフォルトでは有効です。
オプション
セレクトオプションは、コンポーネントの設定で事前に定義することができます。
ワークフロートリガー
- onChange - ドロップダウンのオプションが変更されたときに発生します。
- onFocus - Select コンポーネントがフォーカスされたときに発生する。
- onBlur - Select コンポーネントがぼかされたときに発生する
- onCreate - コンポーネントが作成されたときに発生する
- onDestroy - コンポーネントが表示されたときに発生します。
コンポーネントアクション
Select Get Properties
コンポーネントのプロパティを取得します。
入力 パラメータ
- Component Id [string]- Select コンポーネントの識別子
出力 パラメータ
- Label [string]- コンポーネントのラベル
- Placeholder [string]- コンポーネントのプレースホルダー
- Allow Clear [boolean]- は、trueの場合、選択状態を解除します。
- Disable [boolean]- trueの場合、コンポーネントを無効にします。
- Tooltip [string]- ツールチップの文字列。
- Required Mark [boolean]- は、trueの場合、必須マークを表示します。
- Debounce (ms) [integer]- 値を検証するための遅延時間。
- Options [Select Option array]- あらかじめ定義された選択オプションの配列。
- Selected [Select Option array]- 選択されたオプションの配列、またはシングルモードの場合は単一の要素を持つ配列。
- Validate Icon [boolean]- 値の検証時に表示されるアイコン。
- Validate Status [Status type]- 値の検証時に表示されるステータス。
- Validate Message [string]- 値の検証時に表示されるメッセージ。
Select Set Properties
コンポーネントのプロパティを設定します。
入力 パラメータ
- Component Id [string]- コンポーネントの識別子を選択します。
- Label [string]- コンポーネントのラベル
- Placeholder [string]- コンポーネントのプレースホルダ。
- Allow Clear [boolean]- trueの場合、選択部分をクリアすることができます。
- Disable [boolean]- trueの場合、コンポーネントを無効化します。
- Tooltip [string]- ツールチップの文字列。
- Required Mark [boolean]- trueの場合、必須マークを表示します。
- Debounce (ms) [integer]- 値を検証するための遅延時間。
- Options [Select Option array]- あらかじめ定義された選択オプションの配列。
- Validate Icon [boolean]- 値の検証時に表示されるアイコン。
- Validate Status [Status type]- 値の検証時に表示されるステータス。
- Validate Message [string]- 値の検証時に表示されるメッセージ。
プロパティの更新を選択
コンポーネントのプロパティを更新します。
入力 パラメータ
- Component Id [string]- コンポーネントの識別子を選択します。
- Label [string]- コンポーネントのラベル。
- Placeholder [string]- コンポーネントのプレースホルダ。
- Allow Clear [boolean]- trueの場合、選択部分をクリアすることができます。
- Disable [boolean]- trueの場合、コンポーネントを無効化します。
- Tooltip [string]- ツールチップの文字列。
- Required Mark [boolean]- trueの場合、必須マークを表示します。
- Debounce (ms) [integer]- 値を検証するための遅延時間。
- Options [Select Option array]- あらかじめ定義された選択オプションの配列。
- Validate Icon [boolean]- 値の検証時に表示されるアイコン。
- Validate Status [Status type]- 値の検証時に表示されるステータス。
- Validate Message [string]- 値の検証時に表示されるメッセージ。
Make Select Option
指定されたフィールドでSelect Optionモデルを構成します。
入力 パラメータ
- ID [integer]- セレクトオプションID。
- Label [string]- オプションのラベルを選択します。
- Value [integer]- Select Option ID; Select Option's label; ドロップダウンリストにあるOptionのオーダー値。
- Icon [string]- Select Optionの項目で使用されるアイコン。
- Disabled [boolean]- は、True の場合、Select Option を無効にします。
出力 パラメータ
- Select Option [Select Option]- Select Option モデル。
Expand Select Option
セレクトオプションモデルを拡張します。
入力 パラメータ: セレクトオプションモデルの拡張
- Select Option [Select Option]- Select Optionのモデル。
出力 パラメータ
- ID [integer] - Select OptionのID。
- Label [string]- Select Optionのラベルを選択します。
- Value [integer] - Select Optionのオーダー値をドロップダウンリストに表示する。
- Icon [string]- Select Option の項目で使用されるアイコン。
- Disabled [boolean]- True の場合、Select Option を無効にします。
使用例
フロントエンドのビジネスプロセスによって、新しい Select Option アイテムを構成し、ドロップダウン・リストに追加することが可能である。
ロジックは以下のようになるはずです。
- 指定されたフィールドを持つ新しい選択オプション項目を構成する(Make Select Option)
- 既存のSelect Option の項目配列を取得し (Select Get Properties) を取得し、先に作成したセレクトオプションアイテムとマージする (Append Array)
- 指定したSelectコンポーネントのSelect Option項目配列を更新する(Select Update Properties) を、指定した Select コンポーネントのために更新します。
