単一または複数選択ウィジェットに動的に入力する
  • 31 Oct 2023
  • 1 読む分
  • 寄稿者

単一または複数選択ウィジェットに動的に入力する


記事の要約

ドロップダウンウィジェットで現在適用可能なオプションのみを表示する

この記事で学ぶことは... *ドロップダウンウィジェットの内容を条件付きで変更する方法


この記事を理解するためには、単一選択ウィジェットまたは複数選択ウィジェットの基本を理解している必要があります:記事

ドロップダウンウィジェットの使用は、特に配列を使ってドロップダウンウィジェットに入力する場合、非常に強力です。しかし、時には条件に基づいて、選択するために異なるコンテンツを表示することが関連します。これは、ID フィールドに条件を、2 番目のフィールドにカンマ区切りでさまざまなオプションを含む設定テーブルで実現できます。

Dynamically populating Single or Multiselect widgets_339020728.png

最初の選択ウィジェットで、ダウンタイムの理由を選択し、ボタンをクリックすると、それぞれのドロップダウンオプションがテーブルからロードされます。これを実行するトリガーは次のようになります:

Dynamically populating Single or Multiselect widgets_339020868.png

選択されたダウンタイムの理由に対応するカンマ区切りのテキストがレコードプレースホルダにロードされます。Split String'関数は、それらを配列 'Dropdown options' に保存します。この配列は2番目の単一選択ウィジェットに入力されます。

アプリを実行するとき、ダウンタイムの理由が選択されていない限り、2番目のシングルセレクトにはオプションは表示されません:

Dynamically populating Single or Multiselect widgets_339022458.png

最初のドロップダウンで選択が選択され、ボタンのトリガーが適用されると、それに応じて2番目のドロップダウンに入力されます:

Dynamically populating Single or Multiselect widgets_339022578.png


お探しのものは見つかりましたか?

community.tulip.coで質問を投稿したり、他の人が同じような質問に直面していないか確認することもできます!


この記事は役に立ちましたか?