Using Custom Actions to Update another field

[junixquiaoit]

Hi, How can I manipulate or Modify the a certain field using Custom Actions:
Scenario:
Given:
Checkbox
Dropdown / Input
Scenarios:

1. A 'Checkbox' if uncheck Set Dropdown Value to default / reset
   or
2. A 'Checkbox' to set the value of an Input

I can't get the reference of the field I want to manipulate

//Snippet
const [actions] = useState<Record<string, ActionDefinition>>({
onChangeFn: ActionDefinition.functionalAction(async (e, args) => {
switch (e.renderedProps.key) {
case 'entityClassId': {
const currentValue = toJS(e.args[0]?.[0]);
//TO DO:
// if currentValue is false
// dropdown value should be set to null or empty
// if currentValue is true
// dropdown value should be value = '1''
break;
}
}
}),
});

[ashalugin]

Hi @junixquiaoit

Manipulate form data. You can use custom actions or code actions:

/**
 * @param {ActionEventArgs} e - the action arguments.
 * @param {} args - the action parameters arguments.
 */
async function Action (e, args) {
  const val = e.value
  e.data.rsDropdown1 = !!val ? 'a' : 'b'
}

The form:

{
  "version": "1",
  "actions": {
    "changeDropdown": {
      "body": "  const val = e.value\n  e.data.rsDropdown1 = !!val ? 'a' : 'b'",
      "params": {}
    }
  },
  "form": {
    "key": "Screen",
    "type": "Screen",
    "props": {},
    "children": [
      {
        "key": "rsCheckbox1",
        "type": "RsCheckbox",
        "props": {},
        "events": {
          "onChange": [
            {
              "name": "changeDropdown",
              "type": "code"
            }
          ]
        }
      },
      {
        "key": "rsDropdown1",
        "type": "RsDropdown",
        "props": {}
      }
    ]
  },
  "localization": {},
  "languages": [
    {
      "code": "en",
      "dialect": "US",
      "name": "English",
      "description": "American English",
      "bidi": "ltr"
    }
  ],
  "defaultLanguage": "en-US"
}