#Biểu mẫu lọc

#Giới thiệu

Biểu mẫu lọc cho phép người dùng lọc dữ liệu bằng cách điền vào các trường biểu mẫu. Bạn có thể sử dụng nó để lọc các khối bảng, khối biểu đồ, khối danh sách và nhiều loại khối khác.

#Cách sử dụng

Hãy cùng bắt đầu với một ví dụ đơn giản để nhanh chóng hiểu cách sử dụng biểu mẫu lọc. Giả sử chúng ta có một khối bảng chứa thông tin người dùng và muốn lọc dữ liệu bằng biểu mẫu lọc, như sau:

Các bước cấu hình như sau:

1. Bật chế độ chỉnh sửa và thêm một khối "Biểu mẫu lọc" cùng một khối "Bảng" vào trang.
2. Thêm trường "Biệt danh" vào cả khối bảng và khối biểu mẫu lọc.
3. Bây giờ bạn có thể bắt đầu sử dụng.

#Cách sử dụng nâng cao

Khối biểu mẫu lọc hỗ trợ nhiều cấu hình nâng cao hơn. Dưới đây là một số trường hợp sử dụng phổ biến.

#Liên kết nhiều khối

Một trường biểu mẫu có thể lọc dữ liệu trên nhiều khối cùng lúc. Cách thực hiện như sau:

1. Nhấp vào tùy chọn cấu hình "Connect fields" (Kết nối trường) của trường.
2. Thêm các khối đích mà bạn muốn liên kết. Trong ví dụ này, chúng ta sẽ chọn khối danh sách trên trang.
3. Chọn một hoặc nhiều trường từ khối danh sách để liên kết. Ở đây chúng ta chọn trường "Biệt danh".
4. Nhấp vào nút lưu để hoàn tất cấu hình. Kết quả sẽ hiển thị như sau:

#Liên kết khối biểu đồ

Tham khảo: Bộ lọc trang và liên kết

#Trường tùy chỉnh

Ngoài việc chọn các trường từ các bộ sưu tập, bạn cũng có thể tạo các trường biểu mẫu bằng cách sử dụng "Trường tùy chỉnh". Ví dụ, bạn có thể tạo một trường chọn thả xuống và tùy chỉnh các tùy chọn. Cách thực hiện như sau:

1. Nhấp vào tùy chọn "Trường tùy chỉnh" để mở bảng cấu hình.
2. Điền tiêu đề trường, chọn "Select" (Chọn) làm kiểu trường và cấu hình các tùy chọn.
3. Các trường tùy chỉnh mới thêm cần được liên kết thủ công với các trường trong khối đích. Cách thực hiện như sau:
4. Cấu hình hoàn tất. Kết quả sẽ hiển thị như sau:

Các kiểu trường hiện được hỗ trợ bao gồm:

• Input: Trường nhập văn bản một dòng
• Number: Trường nhập số
• Date: Bộ chọn ngày
• Select: Trường thả xuống (có thể cấu hình chọn một hoặc nhiều tùy chọn)
• Radio group: Nhóm nút chọn (radio button)
• Checkbox group: Nhóm hộp kiểm (checkbox)

#Thu gọn

Thêm một nút thu gọn để có thể thu gọn và mở rộng nội dung biểu mẫu lọc, giúp tiết kiệm không gian trang.

Các cấu hình được hỗ trợ:

• Số hàng hiển thị khi thu gọn: Đặt số hàng trường biểu mẫu được hiển thị khi ở trạng thái thu gọn.
• Mặc định thu gọn: Khi bật, biểu mẫu lọc sẽ hiển thị ở trạng thái thu gọn theo mặc định.