Simple Form Component

A streamlined form component that provides a quick and easy way to create forms with predefined input fields, submit, and reset functionality. Offers customizable input options, button configurations, and built-in event handling for form submission and reset actions.


Extends: cellComponent


Methods

Name

Description

setForm

Attaches a form instance to the child object for use in form components.

addDefaultMapping

Adds a default mapping for the form data to the component's properties.

getDefaultMappingDataType

Returns the default data type ('Object') for mapping in the form.

getControl

Determines the control type based on the input field type and returns the corresponding control name.

getButtonProps

Generates and returns properties for the submit and reset buttons, including labels, colors, icons, sizes, and event handlers.


Fields

The SimpleForm component supports the following fields:

Name

Code

Data Type

Description

Input Options

inputOptions

text

Configuration for form input fields.

Submit Button Options

submitButtonOptions

text

Submit button configuration.

Reset Button Options

resetButtonOptions

text

Reset button configuration.


Events

The SimpleForm component supports the following events:

Name

Description

onLoad

Triggered when the form is initialized.

onSubmit

Triggered when the submit button is clicked.

onReset

Triggered when the reset button is clicked.