Configure the Form via APIs

Form Generation via APIs

1. In the Editor > APIs Module, create a new APIs method and configure the input and output parameters required for the form.
2. In the editor's page design module, drag in the form container component, set the data source property to APIs, select the required APIs and methods for the APIs property, and various form components will be automatically rendered and bound to the corresponding fields.
3. Parameter format requirements for the APIs bound to the form container.

In Form Creation Scenario

Requires that in the method bound to the 'Add' method property, form fields in business must be passed as root-level input parameters and cannot be nested as child parameters within an object parameter. The binding logic is as follows:

In Form View Scenario

In the method bound to the query method property, form fields must be root-level output parameters.

Query input parameters are not mandatory. After the method binding is completed, the query input parameters in the method will be expanded in the form container's property area, facilitating data binding operations.

In Form Update Scenario

In the method bound to the update method property, form fields are root-level input parameters. In the method bound to the query method property, form fields are root-level output parameters. The input parameters of the query method are not mandatory. After the method binding is completed, the query input parameters in the method will be expanded in the form container's property area, facilitating data binding operations.

The form container automatically generates multiple events for submitting data to the data source, fulfilling the requirement of data submission. Existing events can be adjusted as needed to meet personalized form requirements. Event configuration details are as follows: In the field properties of the form container, you can view all fields in the current form, and can switch component types or adjust the field order.