初期設定
Data source- ドロップダウンの選択肢を表示するために使用されるデータモデル。
Mode- 選択 Multiple ドロップダウンから複数のオプションを選択できるようにするためのものです。それ以外の場合は Single mode を使用します。
ルック＆フィールの設定
Label(not mantory) は、コンポーネントのラベルを表示するために使用します。
Placeholder(必須ではありません) コンポーネントのプレースホルダーを表示するために使用されます。
Name(必須) - コンポーネントの名前。
Size(必須) - コンポーネントのサイズです。コンポーネント作成時にDefaultに設定されます。
Search(必須) - 利用可能なドロップダウンのオプションの中で検索できるようにします。デフォルトではオフに設定されています。
Clear icon(必須) - クリアオプションアイコンが有効な場合、表示されます。デフォルトではオフに設定されています。
Disabled(必須) -オンにすると、コンポーネントを無効にします。デフォルトではオフに設定されています。
Visible(必須) -オンにすると、コンポーネントを表示します。デフォルトでは有効です。
データ
Data source- 使用中の データモデル。コンポーネントの作成時にのみ設定可能です。
Label- データモデル フィールドを1つのドロップダウンオプションで表示します。
ワークフロートリガー
- onChange- ドロップダウンのオプションが変更されたときに発生します。
- onFocus- Relselectコンポーネントがフォーカスされたときに発生する。
- onBlur- Relselectコンポーネントがぼやけたときに発生します。
- onCreate- コンポーネントが作成されたときに発生します。
- onShow- コンポーネントが表示されたときに発火します。
- onHide- コンポーネントが非表示になったときに発火します。
- onSearch- ユーザーが利用可能なオプションの中から検索したときに発火します。
- onOpen- ドロップダウンで発火します。
- onLoadAll- すべてのドロップダウンのオプションがダウンロードされたときに発生します。
コンポーネントアクション
RelSelect Get Properties
コンポーネントのプロパティを取得します。
入力 パラメータ
- Component Id [string]- RelSelectコンポーネントの識別子です。
出力 パラメータ
- Selected[Data Model type/ Data Model Array type]- 選択されたオプション（複数可）。コンポーネントIDが指定された場合のみ、ビジネスプロセスで表示されます。
- Data[Data Model Array type]- 使用されるデータモデル要素の配列。コンポーネントIDが指定されている場合のみ、ビジネスプロセスで利用可能です。
- Label[string]- コンポーネントのラベル。
- Placeholder[string]- コンポーネントのプレースホルダーです。
- Allow Clear [boolean]- trueの場合、選択状態を解除します。
- Disable[boolean]- trueを指定すると、コンポーネントを無効にします。
- Tooltip[string]- ツールチップの文字列。
- Required Mark [boolean]- trueの場合、必須マークを表示します。
- Debounce (ms) [integer]- 値を検証するための遅延時間。
- Validate Icon[boolean]- 値の検証時に表示されるアイコン。
- Validate Status [Status type]- 値の検証時に表示されるステータス。
- Validate Message[string]- 値の検証時に表示されるメッセージ。
RelSelect Set Properties
コンポーネントのプロパティを設定します。
入力 パラメータ：コンポーネントのプロパティを設定します。
- Component Id [string]-RelSelect コンポーネントの識別子です。
- Label[string]- コンポーネントのラベル
- Placeholder[string]- コンポーネントのプレースホルダー。
- Allow Clear [boolean]- trueの場合、選択範囲をクリアできます。
- Disable[boolean]- trueの場合、コンポーネントを無効にします。
- Tooltip[string]- ツールチップの文字列。
- Required Mark [boolean]- trueの場合、必須マークを表示します。
- Debounce (ms) [integer]- 値の検証のための遅延時間。
- Validate Icon[boolean]- 値の検証時に表示されるアイコンです。
- Validate Status [Status type]- 値の検証時に表示されるステータス。
- Validate Message[string]- 値の検証時に表示されるメッセージ。
RelSelect Update Properties
コンポーネントのプロパティを更新します。
入力 パラメータ：コンポーネントのプロパティを更新します。
- Selected[Data Model type/ Data Model Array type]- 選択されたオプション(複数可)が指定された場合に、ビジネスプロセスで表示される。 Component IDが指定されている場合にのみ表示されます。
- Data[Data Model Array type]- 使用されるデータモデル要素の配列。が指定された場合のみ、ビジネスプロセスで利用可能です。 Component IDが指定されている場合のみ、ビジネスプロセスで利用可能です。
- Component Id [string]-RelSelect コンポーネントの識別子です。
- Label[string]- コンポーネントのラベル
- Placeholder[string]- コンポーネントのプレースホルダー。
- Allow Clear [boolean]- trueの場合、選択範囲をクリアすることができます。
- Disable[boolean]- trueの場合、コンポーネントを無効にします。
- Tooltip[string]- ツールチップの文字列。
- Required Mark [boolean]- trueの場合、必須マークを表示します。
- Debounce (ms) [integer]- 値の検証のための遅延時間。
- Validate Icon[boolean]- 値の検証時に表示されるアイコンです。
- Validate Status [Status type]- 値の検証時に表示されるステータス。
- Validate Message[string]- 値の検証時に表示されるメッセージ。
使用例
ドロップダウンのオプションを表示するために、サーバーからダウンロードする必要があります。
ロジックは以下のようになるはずだ。
1.コンポーネント作成時に データモデル アレイを取得する (Server requestGET ) RelSelect コンポーネントの作成時( onCreate).
2.ドロップダウンのデータを更新する( RelSelect Update Properties)
