Picker

Cú pháp

<zmp-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
input-id	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
default-select	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
action-text	string		Nội dung Action Button
on-click-action	function		Event handler khi người dùng click lên action button
on-change	function		Event handler xử lý sự kiện khi giá trị picker thay đổi
on-cancel	function		Event handler xử lý sự kiện đóng picker

Picker Events

Event	Description
@change	Event sẽ được triggered khi giá trị của picker thay đổi
@close	Event sẽ được triggered khi picker đóng

Picker Options Parameters

param	Type	Default	Description
values	array		Mảng các giá trị kiểu string của từng cột
display-values	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
css-class	string		Thêm class cho column container
text-align	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)
on-change	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!