Logo

    Home

    Documentation

    Use Cases

    Training

    Applications

    Release Notes

    Field onChange event handling

    icon
    ✍️ When a value is changed in a field input, the onChange event of the form filed will be called.
    • 1. Summary
    • 2. Result
    • 3. Step by Step Guide
    • 3.1 Step 1 - Set your onChange event on form field
    • 3.2 Step 2 - Implement a client logic function
    • Documentation

    1. Summary

    ✍️ When a user wants to react on a form field input value change event, he can use the event onChange to define custom Client Logic.

    2. Result

    ✍️ Open sample screen SampleFormChangeEventDialog . You will find a form with different field types. Each form field has an onChange event applied which displays a notification with the value of the form field.

    3. Step by Step Guide

    3.1 Step 1 - Set your onChange event on form field

    ✍️ Set your onChange event on a form field, for eg. #.onChange(eventSource);

    3.2 Step 2 - Implement a client logic function

    ✍️ Select in designer “Open events file” and add your new client logic function In our case SampleFormChangeEventDialog.ts

    export function onChange(eventSource: akioma.swat.DataField) {
      akioma.swat.Message.informationMessage(`onChange event fired in ${eventSource.name}, current value: ${eventSource.screenValue}`);
    }

    Documentation

    To find more information, you can check the following documentation.

    FieldField

    Back to Use CasesUse Cases

    Back to Build.One Help-CenterBuild.One Help-Center Home

    Logo