简介
H5端数字选择器组件,通过点按数字增加或减少按钮,快速增加或减少要输入的数字,可以灵活配置步数和精度。
属性配置
数选器组件属性由以下部分组成:
分类 | 参数 | 示例 | 说明 |
属性 | 步数 | 类型 成功图标 | 通过设置步数,可以控制每次加减的步长,为空则默认为1。 |
精度 | 通过设置精度,可以控制框内数字小数点的位数,为空则默认为2。 | ||
最小值 | 配置最大值、最小值后,会限制运行时数选器组件可选的数字大小,为空则不限制。可以选择静态的数值,或动态配置两个数据字段,字段类型需为 INTERAGE、DECIMAL 或 LONG。关于此部分属性的更多信息,请参见数据。 | ||
最大值 | |||
只读 | 通过设置数选器组件为只读状态,可以实现数选器组件的不可操作状态。 | ||
禁用 | 通过设置数选器组件为禁用状态,可以实现数选器组件的不可操作状态。 | ||
隐藏左右按钮 | 开启隐藏左右按钮后,只会显示数字输入框,不会显示左右按钮。 | ||
样式 | 尺寸 | 中 | 数选器可配置尺寸属性,在屏幕宽度为 375px ,且不隐藏左右按钮时,小尺寸对应宽度 102px、高度 28px。中尺寸对应宽度 128px、高度 36px。大尺寸对应宽度 144px、高度 40px。 |
间距 | 间距设置属于页面组件通用属性,关于此部分属性的更多信息,请参见样式。 | ||
数据 | 选择实体 | 数选器组件需要配置数据源。通常将其绑定数据实体的一个字段,字段类型需为INTEGER,DECIMAL 或 LONG。关于此部分属性的更多信息,请参见数据。 | |
事件 | 内容变化 | 点击按钮或直接输入导致内容发生变化时触发事件。关于此部分属性的更多信息,请参见事件。 | |
聚焦 | 聚焦到数字输入框时触发事件。关于此部分属性的更多信息,请参见事件。 | ||
失去焦点 | 数字输入框失去焦点时触发事件。关于此部分属性的更多信息,请参见事件。 | ||
输入值不在指定范围 | 输入值不在指定最大、最小值范围时触发事件。关于此部分属性的更多信息,请参见事件。 | ||
点击减小按钮时已为最小值 | 点击减小按钮时已为最小值则触发事件,在开启了隐藏左右按钮后不可配置。关于此部分属性的更多信息,请参见事件。 | ||
点击增大按钮时已为最大值 | 点击增大按钮时已为最大值则触发事件,在开启了隐藏左右按钮后不可配置。关于此部分属性的更多信息,请参见事件。 | ||
条件可见性 | 条件可见性 | 可见性确定数选器组件是否作为页面的一部分最终显示给用户。 关于此部分属性的更多信息,请参见条件可见性。 |
- 本页导读