radio

Configuration Item Description

**Table 1** Configuration item description
Parameter	Type	Mandatory	Example	Description
type	String	Yes	type: "radio"	Configuration item type.
value	String	No	value: "defaultValue"	Default value.
name	String	Yes	name: "commProps.myString"	The value of this field is bidirectionally bound to the value of commProps.myString in advanceEditvm.
label	Object	No	label: {"zh_CN": "Chinese label", "en_US": "En label"}	Label of a configuration item, which needs to be internationalized.
tip	Object	No	tip: {zh_CN: "Chinese tip," en_US: "English tip"}	Tip icon. When a configuration item is complex, you can add some tip content.
noToolTip	Boolean	No	noToolTip: false	Whether the tag has el-tooltip. The default value is false.
disabled	Function \| Boolean	No	disabled: true or (data, field, vm) => boolean	Whether to disable the function. You can customize the function to determine whether to disable the function based on the values of other options. If true is returned, the function is disabled.
showFunc	Function	No	showFunc: function(vm) { return vm.commProps.showTitle; }	Whether to display the configuration item. You can customize the function to determine whether to display the configuration item based on the values of other options. If true is returned, the function definition is displayed.
options	Object	Yes	options: ["label": {"zh_CN": "Enable","en_US": "Enable"},"value": true},{"label": {"zh_CN": "Disable","en_US": "Disable"},"value": false}]	Options.
sourceKey	String	No	sourceKey: "value"	Key corresponding to the value in the option. The default value is value.
sourceLabel	String	No	sourceLable: "label"	Key of the label in the option. The default value is label.
showHint	Boolean	No	showHint: false	Whether to display the tip icon.

Event

**Table 2** Events
Event Name	Method In Configuration Item	Description	Callback Parameter
change	change	Triggered when the value changes.	(value, data, field)

Configuration Example

The following is an example of the radio configuration. The configuration effect is shown in Figure 1.

{
	type: 'radio',
	name: 'commProps.myRadio',
	value: 'radio type',
	label: {
		zh_CN: 'radio type',
		en_US: 'radio Type Example'
	},
	sourceLabel: 'label',
	sourceKey: 'value',
	options: [{
			value: 'happy',
			label: {
				zh_CN: 'primary',
				en_US: 'primary'
			}
		},
		{
			value: 'sad',
			label: {
				zh_CN: 'dashed',
				en_US: 'dashed'
			}
		}
	]
}

Figure 1 Effect