Tùy chọn kiểm soát cho phép người dùng đưa ra lựa chọn trong số các lựa chọn đã cho. Hỗ trợ tìm kiếm và nhiều lựa chọn.
Mô tả
Tùy chọn kiểm soát Hộp tổ hợp cho phép bạn tìm kiếm các mục mà mình sẽ chọn. Tìm kiếm được thực hiện phía máy chủ trên thuộc tính SearchField để hiệu suất không bị ảnh hưởng bởi các nguồn dữ liệu lớn.
Chế độ một hoặc nhiều lựa chọn được đặt cấu hình qua thuộc tính SelectMultiple.
Khi tìm kiếm các mục để chọn, đối với mỗi mục, bạn có thể chọn hiển thị một giá trị dữ liệu, 2 giá trị hoặc một ảnh và 2 giá trị (Người) bằng cách sửa đổi thiết đặt Bố cục trong ngăn Dữ liệu.
Khi xem trên màn hình nhỏ, danh sách mục thả xuống sẽ trở thành điều khiển toàn màn hình để có thể sử dụng tốt hơn.
Bộ chọn Người
Để dùng Hộp tổ hợp làm bộ chọn người, hãy chọn mẫu Người từ thiết đặt Bố cục trong ngăn Dữ liệu và đặt cấu hình các thuộc tính dữ liệu liên quan sẽ hiển thị cho người ở bên dưới.
Thuộc tính chính
Items – Nguồn dữ liệu mà bạn có thể đưa ra lựa chọn.
DefaultSelectedItems – (Các) mục được chọn ban đầu trước khi người dùng tương tác với tùy chọn kiểm soát.
SelectedItems – Danh sách các mục được chọn do hoạt động tương tác của người dùng.
SelectMultiple – Liệu người dùng có thể chọn một mục hay nhiều mục.
IsSearchable – Liệu người dùng có thể tìm kiếm các mục trước khi chọn hay không.
SearchFields – Các trường dữ liệu của nguồn dữ liệu được tìm kiếm khi người dùng nhập văn bản.
Thuộc tính bổ sung
AccessibleLabel – Nhãn cho trình đọc màn hình.
BorderColor – Màu viền của tùy chọn kiểm soát.
BorderStyle – Liệu viền của tùy chọn kiểm soát là Nét liền, Nét đứt, Chấm chấm hay Không có.
BorderThickness – Độ dày viền của tùy chọn kiểm soát.
DisplayFields – Danh sách các trường hiển thị cho từng mục do hoạt động tìm kiếm trả về. Dễ dàng đặt cấu hình qua ngăn Dữ liệu trong tab tùy chọn Thuộc tính.
DisplayMode – Liệu tùy chọn kiểm soát này sẽ cho phép người dùng nhập (Chỉnh sửa), chỉ hiển thị dữ liệu (Xem) hay tắt (Tắt).
FocusedBorderColor – Màu viền của tùy chọn kiểm soát khi trỏ chuột vào tùy chọn kiểm soát đó.
FocusedBorderThickness – Độ dày viền của tùy chọn kiểm soát khi trỏ chuột vào tùy chọn kiểm soát đó.
Height – Khoảng cách giữa cạnh trên cùng và cạnh dưới cùng của tùy chọn kiểm soát.
InputTextPlaceholder – Văn bản hướng dẫn hiển thị cho người dùng cuối khi không có mục nào được chọn.
OnChange – Các thao tác cần thực hiện khi người dùng thay đổi lựa chọn.
OnNavigate – Các thao tác cần thực hiện khi người dùng chọn một mục.
OnSelect – Các thao tác cần thực hiện khi người dùng chạm hoặc chọn một tùy chọn điều khiển.
TabIndex – Thứ tự điều hướng bàn phím so với các tùy chọn kiểm soát khác.
Visible – Liệu tùy chọn kiểm soát sẽ hiển thị hay bị ẩn.
Width – Khoảng cách giữa cạnh trái và cạnh phải của tùy chọn kiểm soát.
X – Khoảng cách giữa cạnh trái của tùy chọn kiểm soát và cạnh trái của vùng chứa chính (màn hình nếu không có vùng chứa chính).
Y – Khoảng cách giữa cạnh trên cùng của tùy chọn kiểm soát và cạnh trên cùng của vùng chứa chính (màn hình nếu không có vùng chứa chính).
Ví dụ
Hộp tổ hợp cơ bản
Các bước trong ví dụ này áp dụng cho bất kỳ nguồn dữ liệu cung cấp bảng, nhưng để thực hiện chính xác các bước này, hãy sử dụng môi trường với cơ sở dữ liệu Microsoft Dataverse có dữ liệu mẫu.
-
Chọn Chèn > Đầu vào > Hộp tổ hợp và đặt tên là “Combobox1”.
-
Trên ngăn Thuộc tính ở phía bên phải của màn hình, mở danh sách Chọn nguồn dữ liệu (bên cạnh Mục), sau đó thêm hoặc chọn một dữ liệu nguồn chẳng hạn như bảng Tài khoản.
-
Trên cùng một ngăn, hãy chọn Chỉnh sửa (bên cạnh Trường).
-
Trong ngăn Dữ liệu, mở danh sách Văn bản chính, sau đó chọn cột Tên chính sẽ hiển thị trong tùy chọn điều khiển Hộp tổ hợp.
-
Trong khi giữ phím Alt hãy chọn mũi tên xuống để mở tùy chọn điều khiển Hộp tổ hợp.
Tùy chọn điều khiển hiển thị dữ liệu từ Tên chính mà bạn đã chỉ định trong nguồn dữ liệu mà bạn đã chỉ định.
(Tùy chọn) Hiển thị bản ghi đầu tiên theo mặc định
-
Đặt thuộc tính DefaultSelectedItems thành biểu thức này, thay thế DataSource bằng tên nguồn dữ liệu của bạn:
First(DataSource)
(Tùy chọn) Hiển thị giá trị Tên tài khoản đã chọn trong nhãn
-
Chọn Chèn > Nhãn văn bản rồi chọn Nhãn.
-
Đặt thuộc tính Văn bản thành biểu thức này, thay thế Văn bản bằng công thức sau:
If(CountRows(ComboBox1.SelectedItems)>0, Concat(ComboBox1.SelectedItems,’Account Name’,”, “), “NO SELECTED ITEM”)
Mô phỏng đặc tính thả xuống đơn giản
Bằng cách đặt IsSearchable thành false và SelectMultiple thành false, bạn có thể đạt được chức năng tương tự của trình đơn thả xuống.
-
Chọn Chèn > Đầu vào, và sau đó chọn Hộp kết hợp.
-
Trên ngăn Thuộc tính ở phía bên phải của màn hình, mở danh sách Chọn nguồn dữ liệu (bên cạnh Mục), sau đó thêm hoặc chọn một dữ liệu nguồn.
-
Trên cùng một ngăn, hãy chọn Chỉnh sửa (bên cạnh Trường).
-
Trong ngăn Dữ liệu, hãy mở danh sách Văn bản chính, sau đó chọn cột mà bạn muốn hiển thị trong tùy chọn kiểm soát Hộp tổ hợp.
-
Đặt thuộc tính IsSearchable thành false.
-
Đặt thuộc tính SelectMultiple thành false.
-
Trong khi giữ phím Alt hãy chọn mũi tên xuống để mở tùy chọn điều khiển Hộp tổ hợp.
Tùy chọn kiểm soát này hiển thị dữ liệu từ cột mà bạn đã chỉ định trong nguồn dữ liệu.
Hướng dẫn hỗ trợ tiếp cận
Độ tương phản màu
Phải có độ tương phản màu thích hợp giữa:
- ChevronFill và ChevronBackground
- ChevronHoverFill và ChevronHoverBackground
- SelectionColor và SelectionFill
- SelectionFill và Fill
- SelectionTagColor và SelectionTagFill
Thuộc tính này bổ sung cho các yêu cầu tiêu chuẩn về độ tương phản màu.
Hỗ trợ bộ đọc màn hình
-
AccessibleLabel phải có sẵn.
Hỗ trợ bàn phím
-
TabIndex phải bằng 0 hoặc lớn hơn để người dùng bàn phím có thể điều hướng đến đó.
-
Các chỉ báo tiêu điểm phải hiển thị rõ ràng. Sử dụng FocusedBorderColor và FocusedBorderThickness để đạt được điều này.