Radio
Hướng dẫn sử dụng Element thao tác cơ bản
Last updated
Was this helpful?
Hướng dẫn sử dụng Element thao tác cơ bản
Last updated
Was this helpful?
Radio element là thành phần để tạo ra danh sách dạng liệt kê cho user chọn. Radio chỉ cho phép user chọn nhiều giát trị từ danh sách(bấm chọn, bấm để bỏ chọn)
Element này có thể được sử dụng để tạo ra các danh sách ngắn, giúp người dùng dễ dàng chọn một lựa chọn, ví dụ như khi hỏi về giới tính.
Giống như các element khác, với các thuộc tính như label và required (hiển thị theo điều kiện). Để cài đặt danh sách tùy chọn, bạn cần thêm vào mục Data Items. Các items được thêm vào trước sẽ hiển thị ở phía trên. Mỗi data item bao gồm 2 phần:
Setting: Truy cập vào đây để cài đặt danh sách.
Required: User cần hoàn thành.
+Add: Nhấp để thêm mục mới.
Kéo và thả các mục theo thứ tự mong muốn.
Radio element hỗ trợ tính năng Date Validation để áp dụng cho dữ liệu kiểu ngày giờ. Tính năng này có thể được sử dụng cho các mục đích như sau:
Ví dụ: Bạn có chương trình khuyến mãi đặc biệt vào một số ngày trong tháng (19, 20, 30 tháng 10) và các khung giờ nhận khuyến mãi là (10:30, 12:30, 14:30). Bạn muốn khách hàng chỉ có thể thấy những ngày từ hiện tại trở đi, và nếu họ chọn ngày hiện tại, chỉ các khung giờ sau thời gian hiện tại mới được hiển thị.
Ví dụ, hôm nay là ngày 20/10/2023 và thời điểm khách hàng đặt lịch là 10:59. Kết quả sẽ như sau:
Ngày 19 sẽ không hiển thị.
Khi chọn ngày 20 (ngày hiện tại), chỉ hiển thị các khung giờ sau 10:59.
Khi chọn các ngày sau đó, tất cả các khung giờ sẽ được hiển thị.
Bật Turn ON trong Setting “Only show from the current date/time onwards” cho 2 Radio loại Date và Time.
Radio Booking Date
Đặt tên field là "booking_date".
Date/Time Format: Dựa theo giá trị bạn đã nhập trong danh sách để xác định định dạng tương ứng (ví dụ: định dạng DD/MM/YYYY).
Droplist Time Slot
Droplist Time Slot: Date/Time Format: Dựa theo giá trị bạn đã nhập trong danh sách để xác định định dạng tương ứng (ví dụ: định dạng HH).
Date Parent Field: Chọn là booking_date → Điều này có nghĩa là danh sách này sẽ được load dựa trên giá trị đã chọn ở Booking Date.
