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