Radio
Latest Update:Jul 19, 2023, 14:52:14
Scenarios
Options are displayed in a tiled layout on the page, and users can make single selections.
Basic Function Description
Single selection can be bound to a text field in the data model. When the form is submitted, the selected option's value will be sent to the data model. You can configure the option names and values for each option, set default selected values (note that you should input option values when setting default selections, not option names), and choose the component size.
Note:
- The layout direction of the single selection component's options supports horizontal and vertical arrangement. The default is vertical, but if you select horizontal, it will automatically wrap based on the length of the options;
- If the component is placed within a form container, its size, title alignment, position, line wrapping, and width will by default follow the properties of the form container
Property
Properties received from external input for the component
Property Name | Property Description |
---|---|
Data Model | Displays the data model that the current component can use within the container |
Bind Fields | Displays the data fields that can be selected from the data model within the container for the current component |
Bind Data | Allows the input of static data in the format [{"label":"Male","value":"1"}] |
Fielde Title | Displays the field title for the current component |
Display Title | Indicates whether the current component displays its title. It can be hidden if the title is not needed |
Specify label | Specifies the field to be displayed, with "label" as the default |
Specify value | Specifies the field for passing values, with "value" as the default |
Default Input Value | Specifies the default value for the current component |
Required | Indicates whether the current component is a mandatory field |
Disabled | Sets the current component to a disabled state |
Width | Can be chosen from options like "Full Width" ,"Large" ,"Medium" or "Small" |
Layout | Can be set as "Horizontal" or "Full Width" |