快应用 picker组件

2020-08-08 13:33 更新

概述

滚动选择器,目前支持四种选择器,普通选择器,日期选择器,时间选择器,多列文本选择器1010+。默认为普通选择器。

子组件

不支持

属性

支持 通用属性

普通选择器
名称类型默认值必填描述
typetext-不支持动态修改
range<array>-选择器的取值范围
selected<string>0选择器的默认取值,取值为 range 的索引
value<string>-选择器的值
日期选择器
名称类型默认值必填描述
typedate-不支持动态修改
start<time>1970-1-1起始时间,格式为 yyyy-MM-dd
end<time>2100-12-31结束时间,格式为 yyyy-MM-dd
selected<string>当前时间选择器的默认取值,格式为 yyyy-MM-dd
value<string>-选择器的值
时间选择器
名称类型默认值必填描述
typetime-不支持动态修改
selected<string>当前时间选择器的默认取值,格式为 hh:mm
value<string>-选择器的值
多列文本选择器
名称类型默认值必填描述
typemulti-text-不支持动态修改
range<二维array>-range 为二维数组。长度表示多少列,数组的每项表示每列的数据,如 [["a","b"], ["c","d"]]
selected<array>[0,0,0,…]每一列被选中项对应的索引构成的数组
value<array>-每一列被选中项对应的值构成的数组

样式

支持 通用样式

事件

不支持click事件,支持 通用事件

普通选择器
名称参数描述
change{newValue:newValue, newSelected:newSelected}滚动选择器选择值后确定时触发(newSelected 为索引)
cancel用户取消
日期选择器
名称参数描述
change{year:year, month:month, day:day}滚动选择器选择值后确定时触发
cancel用户取消
时间选择器
名称参数描述
change{hour:hour, minute:minute}滚动选择器选择值后确定时触发
cancel用户取消
多列文本选择器
名称参数描述
change{newValue:[newValue1, newValue2, newValue3, …], newSelected:[newSelected1, newSelected2, newSelected3, …]}滚动选择器选择值后确定时触发(newValue 为被选中项对应的值构成的数组,newSelected 为被选中项对应的索引构成的数组,两者的长度和 range 的长度一致)
columnchange{column:column, newValue:newValue, newSelected:newSelected}某一列的值改变时触发,colume:第几列修改,newValue:选中的值,newSelected:选中值对应的索引
cancel用户取消

方法

picker   示例代码

查看 示例代码1 查看 示例代码2

名称 参数 描述
show - 显示picker


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号