Skip to main content

 

Created for OutSystems 10. Not working on your version? Tell us about it!

 

 

OutSystems

入力値の動的な設定

入力値が別の入力値に依存している場合に、値を設定するにはどのようにすればよいですか。

例: 2つの日付(「From」と「To」)を含むフォームがあり、「To」の日付を「From」の日付の1日後に自動的に変化させます。

「From」と「To」の各入力

「From」の日付と「To」の日付はいずれも、Input Calendarリッチウィジェットに関連付けられた(TestDate.From変数およびTestDate.To変数に割り当てられる)Inputウィジェットを使用して定義されます。

回答

「To」の日付を「From」の日付の1日後に動的に設定するには、以下の手順を実行します。

  1. 「To」InputウィジェットとInput Calendarリッチウィジェットをコンテナに含め、「ToWrapper」という名前を付けます。

    ToWrapper

  2. 「From」InputウィジェットのOn Change>Destinationプロパティを、新しく作成したアクション(この場合は「UpdateToDate」)に設定します。

    On Changeハンドラ

  3. UpdateToDateアクションに、割り当て「TestDate.To=AddDays(TesDate.From,1)」を設定したAssignノードを追加します。

    Assign

    この割り当ては「To」の日付を更新し、「From」の日付+1日で定義します。

  4. Assignノードの後のUpdateToDateアクションに、Ajax Refreshを追加し、Widgetプロパティを「ToWrapper」に設定します。

    画面アクションは以下の画像のようになります。

    UpdateToDateアクション

これらの手順の後、エンドユーザーが「From」の日付を変更するたびに、「To」の日付が「From」の日付の1日後に変化します。

動的な入力のGIF

  • Was this article helpful?