文档

H5选择框

更新时间:

简介

表单选项菜单的输入交互组件。

image.png

属性配置

选择框组件属性由以下部分组成:

分类

参数

示例

说明

属性

提示文字

image

编辑选择框提示文字,可以在选择框内容为空的时候背景展示文字提示。

渲染类型

image.png

指定选中值与可选项的展示形式。有以下选项:

  1. 常规

  2. 仅展示选中值为tag

  3. 选中值和选项皆为tag

只读

image.png

通过设置选择框组件为只读状态,可以实现选择框组件的不可操作状态。

禁用

image.png

通过设置选择框组件为禁用状态,可以实现选择框组件的不可操作状态,且将颜色置为灰色。

隐藏箭头

image.png

开启隐藏箭头后,隐藏组件右侧的箭头。

带有清空按钮

image.png

开启带有清空按钮后,在选择框组件中有内容时,右侧增加一个可以清空当前内容的按钮。

支持搜索

image.png

开启支持搜索后,在可选项弹窗的顶部可以通过搜索目标选项的关键字快速定位选项。

支持搜索与自动确认不可同时开启。

自动确认

image.png

开启自动确认后,在可选项弹窗中,点击选项后自动确认,无需手动点击确认按钮。

支持搜索与自动确认不可同时开启。

样式

尺寸

image.png

选择框组件可配置尺寸,在屏幕宽度为 375px 时,小尺寸对应 20.71px 高度,中尺寸对应 25.99px 高度,大尺寸对应 29.99px 高度。

宽度

image.png

选择框组件宽度、间距样式属于页面组件通用属性,关于此部分属性的更多信息,请参见样式

间距

image.png

对齐方式

image.png

对齐方式控制选择框组件内文字的布局,有左对齐与右对齐两个选项。

数据

选择实体

image.png

选择框组件需要配置数据源。通常将其绑定数据实体的一个字段,字段类型需为

ENUMRATION关于此部分属性的更多信息,请参数据

事件

内容变化

image.png

选择框组件选择了新的选项导致内容变化时触发事件。关于此部分属性的更多信息,请参事件

点击确认按钮

image.png

选择框组件在弹窗确认选项时触发事件。关于此部分属性的更多信息,请参事件

点击取消按钮或遮罩层

image.png

选择框组件在弹窗点击取消按钮或遮罩层时触发事件。关于此部分属性的更多信息,请参事件

点击清空按钮

image.png

开启带有清空按钮时,可配置点击清空按钮事件,在点击清空按钮时触发事件。关于此部分属性的更多信息,请参事件

可见性

条件可见性

image.png

可见性确定选择框组件是否作为页面的一部分最终显示给用户。

关于此部分属性的更多信息,请参条件可见性

  • 本页导读
文档反馈