PopSelect select选择组件(带弹出层) 1.1.0
属性
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之前的值 |