快應(yīng)用 picker組件

2020-08-08 13:33 更新

概述

滾動(dòng)選擇器，目前支持四種選擇器，普通選擇器，日期選擇器，時(shí)間選擇器，多列文本選擇器1010+。默認(rèn)為普通選擇器。

子組件

不支持

屬性

支持 通用屬性

普通選擇器
名稱類(lèi)型默認(rèn)值必填描述
typetext-是不支持動(dòng)態(tài)修改
range<array>-否選擇器的取值范圍
selected<string>0否選擇器的默認(rèn)取值，取值為 range 的索引
value<string>-否選擇器的值
日期選擇器
名稱類(lèi)型默認(rèn)值必填描述
typedate-是不支持動(dòng)態(tài)修改
start<time>1970-1-1否起始時(shí)間，格式為 yyyy-MM-dd
end<time>2100-12-31否結(jié)束時(shí)間，格式為 yyyy-MM-dd
selected<string>當(dāng)前時(shí)間否選擇器的默認(rèn)取值，格式為 yyyy-MM-dd
value<string>-否選擇器的值
時(shí)間選擇器
名稱類(lèi)型默認(rèn)值必填描述
typetime-是不支持動(dòng)態(tài)修改
selected<string>當(dāng)前時(shí)間否選擇器的默認(rèn)取值，格式為 hh:mm
value<string>-否選擇器的值
多列文本選擇器
名稱類(lèi)型默認(rèn)值必填描述
typemulti-text-是不支持動(dòng)態(tài)修改
range<二維array>-否range 為二維數(shù)組。長(zhǎng)度表示多少列，數(shù)組的每項(xiàng)表示每列的數(shù)據(jù)，如 [["a","b"], ["c","d"]]
selected<array>[0,0,0,…]否每一列被選中項(xiàng)對(duì)應(yīng)的索引構(gòu)成的數(shù)組
value<array>-否每一列被選中項(xiàng)對(duì)應(yīng)的值構(gòu)成的數(shù)組

樣式

支持 通用樣式

事件

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

普通選擇器
名稱參數(shù)描述
change{newValue:newValue, newSelected:newSelected}滾動(dòng)選擇器選擇值后確定時(shí)觸發(fā)（newSelected 為索引）
cancel用戶取消
日期選擇器
名稱參數(shù)描述
change{year:year, month:month, day:day}滾動(dòng)選擇器選擇值后確定時(shí)觸發(fā)
cancel用戶取消
時(shí)間選擇器
名稱參數(shù)描述
change{hour:hour, minute:minute}滾動(dòng)選擇器選擇值后確定時(shí)觸發(fā)
cancel用戶取消
多列文本選擇器
名稱參數(shù)描述
change{newValue:[newValue1, newValue2, newValue3, …], newSelected:[newSelected1, newSelected2, newSelected3, …]}滾動(dòng)選擇器選擇值后確定時(shí)觸發(fā)（newValue 為被選中項(xiàng)對(duì)應(yīng)的值構(gòu)成的數(shù)組，newSelected 為被選中項(xiàng)對(duì)應(yīng)的索引構(gòu)成的數(shù)組，兩者的長(zhǎng)度和 range 的長(zhǎng)度一致）
columnchange{column:column, newValue:newValue, newSelected:newSelected}某一列的值改變時(shí)觸發(fā)，colume：第幾列修改，newValue：選中的值，newSelected：選中值對(duì)應(yīng)的索引
cancel用戶取消

方法

picker   示例代碼

查看 示例代碼1 查看 示例代碼2

名稱 參數(shù) 描述
show - 顯示picker


以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)