该组件用于在一组备选项中执行单选操作。下文介绍组件的详细配置方法。
应用示例
使用单选组件查看某超市不同水果剩余的库存量,如图所示。
步骤一:添加组件
- 创建Web应用。具体操作,请参见创建Web应用。
- 在Web应用编辑器中,单击最左侧的组件图标。
- 在画布左侧组件列表上方,输入单选,找到该组件,然后将组件拖拽到中间画布。
有关组件添加的更多信息,请参见添加组件。
步骤二:配置数据源
- 在Web应用编辑器右侧样式中,单击数据源后配置数据源。
- 在数据源配置页面,选择数据源类型,完成配置。
- 单击确定。
步骤三:配置样式
- 在右侧样式中,完成组件展示的配置。
配置项 |
说明 |
单选配置 |
设置默认选中项和是否禁止。
当未配置数据源,或数据源的数据为空时,默认选中不显示。
选中禁止表示不支持在预览态执行单选操作。
|
单选样式 |
设置单选类型、各选项排列方向、组件背景色、标签文字和按钮样式。 |
- 调整组件在页面中的最终位置。有关组件通用样式配置的更多信息,请参见样式配置。
步骤四:配置交互动作
- 选中组件的交互页签,配置事件和交互动作。具体操作请参见交互配置。
该组件支持事件值改变和点击。组件值为所选label对应的value值。
- 单击页面右上方的预览,预览和调试组件展示的数据和效果。