文档

H5数选器

更新时间:

简介

H5端数字选择器组件,通过点按数字增加或减少按钮,快速增加或减少要输入的数字,可以灵活配置步数和精度。

image.png

属性配置

数选器组件属性由以下部分组成:

分类

参数

示例

说明

属性

步数

类型

成功图标

image.png

通过设置步数,可以控制每次加减的步长,为空则默认为1。

精度

image.png

通过设置精度,可以控制框内数字小数点的位数,为空则默认为2。

最小值

image.png

配置最大值、最小值后,会限制运行时数选器组件可选的数字大小,为空则不限制。可以选择静态的数值,或动态配置两个数据字段,字段类型需为 INTERAGE、DECIMAL 或 LONG。关于此部分属性的更多信息,请参见数据

最大值

image.png

只读

image.png

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

禁用

image.png

通过设置数选器组件为禁用状态,可以实现数选器组件的不可操作状态。

隐藏左右按钮

image.png

开启隐藏左右按钮后,只会显示数字输入框,不会显示左右按钮。

样式

尺寸

image

数选器可配置尺寸属性,在屏幕宽度为 375px ,且不隐藏左右按钮时,小尺寸对应宽度 102px、高度 28px。中尺寸对应宽度 128px、高度 36px。大尺寸对应宽度 144px、高度 40px。

间距

image.png

间距设置属于页面组件通用属性,关于此部分属性的更多信息,请参样式

数据

选择实体

image

数选器组件需要配置数据源。通常将其绑定数据实体的一个字段,字段类型需为INTEGER,DECIMAL 或 LONG。关于此部分属性的更多信息,请参数据

事件

内容变化

image.png

点击按钮或直接输入导致内容发生变化时触发事件。关于此部分属性的更多信息,请参见事件。

聚焦

image.png

聚焦到数字输入框时触发事件。关于此部分属性的更多信息,请参见事件

失去焦点

image.png

数字输入框失去焦点时触发事件。关于此部分属性的更多信息,请参见事件

输入值不在指定范围

image.png

输入值不在指定最大、最小值范围时触发事件。关于此部分属性的更多信息,请参见事件

点击减小按钮时已为最小值

image.png

点击减小按钮时已为最小值则触发事件,在开启了隐藏左右按钮后不可配置关于此部分属性的更多信息,请参见事件

点击增大按钮时已为最大值

image.png

点击增大按钮时已为最大值则触发事件,在开启了隐藏左右按钮后不可配置关于此部分属性的更多信息,请参见事件

条件可见性

条件可见性

image.png

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

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

  • 本页导读
文档反馈