PopSelect select选择组件(带弹出层) 1.1.0

继承自:Widget

查看示例:Demo (PC需开启模拟器)

popselect

属性

container { HTMLElement| String } #

组件的容器

title { String | HTMLElement } #

弹出层的标题

okText { String } #

弹出层右侧确定按钮的文案,默认为确定

cancelText { String } #

弹出层左侧按钮的文案,默认为取消

displayCount { Number } #

显示多少行,默认为5。修改此属性时,需要配合修改样式

datasource { Array } #

select的数据源,数组类型,每个数组项为object

value { Object } #

当前组件的值

duration { Number } #

默认的滑出动画时间,单位为秒

effect { Boolean } #

弹出层弹出时是否启用动画效果,默认为true

方法

render #

将组件渲染到document中,也可以使用show方法

resize #

根据窗口大小重新调整组件位置和大小

hide #

隐藏组件

show #

显示组件

setValue #

设置select的值

方法参数:

参数名 类型 描述 必选 支持版本
key String select列的索引
value Number | String 需要设置的值

getValue #

获取当前列的值

返回值: Object 该列对应的当前值

setDataSource 1.0.4 #

设置列的数据源

方法参数:

参数名 类型 描述 必选 支持版本
key String select列的索引
ds Array select的数据源,数组类型,每个数组项为object

destroy #

销毁组件,对父类的destroy进行覆盖,如果当前动画在执行中,那么等待动画结束后再销毁

事件

ok #

点击右侧确定按钮触发的事件

cancel #

点击左侧按钮触发的事件

changevalue #

改变值时触发的事件

方法参数:

参数名 类型 描述 必选 支持版本
key String 滚动列的索引key
value Object 当前组件对应索引key的值
prevValue Object 组件对应索引key之前的值