Picker

Picker là component giúp tạo bộ chọn, hiển thị một hoặc nhiều danh sách có thể cuộn gồm các giá trị riêng biệt mà mọi người có thể chọn.

Picker Properties

Prop	Type	Default	Description
placeholder	string		Picker input placeholder
title	string		Picker title
label	string		Label cho input picker
info	string		Thêm thông tin thêm về picker
inputID	string		ID cho picker. Lưu ý: Mỗi picker cần truyền ID
data	array		Mảng các object chứa các Picker Options Parameters
defaultSelect	array		Mảng chứa các options mặc định dùng trong trường hợp sử dụng uncontrolled components
selected	array		Mảng chứa các options đã chọn
actionText	string		Nội dung Action Button
onClickAction	function		Event handler khi người dùng click lên action button
onChange	function		Event handler xử lý sự kiện khi giá trị picker thay đổi
onCancel	function		Event handler xử lý sự kiện đóng picker

Picker Events

Event	Prop	Description
change	onChange	Event sẽ được triggered khi giá trị của picker thay đổi, thêm event handler thông qua onChange prop
close	onCancel	Event sẽ được triggered khi picker đóng, thêm event handler thông qua onCancel prop

Picker Options Parameters

param	Type	Default	Description
values	array		Mảng các giá trị kiểu string của từng cột
displayValues	array		Mảng các tên hiển thị kiêu string của từng cột. Nếu không xác định, sẽ hiển thị value
cssClass	string		Thêm class cho column container
textAlign	string	"center"	Căn lề nội dung trong từng cột. Các giá trị "left", "right", `"center"
width	number		Kích thước columns tính theo px
divider	boolean		Xác định column là divier
content	string		Nội dung hiển thị trên divider (khi divider=true)
onChange	function(picker, value, displayValue)		Callback function được thực thi khi giá trị picker thay đổi

Ví dụ

Code demo fallback when rendering server side!