Tạo danh sách thả xuống phụ thuộc trong ứng dụng canvas

Bài viết
03/14/2023

Khi bạn tạo danh sách thả xuống phụ thuộc (hoặc xếp tầng), người dùng sẽ chọn một tùy chọn trong danh sách để lọc tùy chọn trong danh sách khác. Nhiều tổ chức tạo danh sách phụ thuộc để giúp người dùng điền vào biểu mẫu hiệu quả hơn. Ví dụ: người dùng có thể chọn một quốc gia hoặc khu vực để lọc danh sách các thành phố hoặc người dùng có thể chọn một danh mục để chỉ hiển thị các mã trong danh mục đó.

Cách tốt nhất, hãy tạo nguồn dữ liệu cho các giá trị trong danh sách "cha mẹ" và "con" (ví dụ: quốc gia/vùng và thành phố) tách biệt với nguồn dữ liệu mà người dùng cập nhật bằng cách sử dụng ứng dụng. Nếu bạn thực hiện phương pháp này, bạn có thể sử dụng cùng một dữ liệu cha mẹ và con trong nhiều ứng dụng và bạn có thể cập nhật dữ liệu đó mà không cần xuất bản lại ứng dụng hoặc các ứng dụng sử dụng chúng. Bạn có thể đạt được cùng một kết quả bằng cách sử dụng bộ sưu tập hoặc dữ liệu tĩnh, nhưng cách này không nên dành cho các tình huống trong doanh nghiệp.

Đối với tình huống trong chủ đề này, nhân viên cửa hàng gửi vấn đề đến danh sách Sự cố thông qua biểu mẫu. Nhân viên không xác định không chỉ vị trí của cửa hàng xảy ra sự cố mà còn bộ phận trong vị trí đó. Không phải tất cả vị trí đều có cùng một bộ phận, do đó danh sách Vị trí sẽ đảm bảo rằng nhân viên không thể chỉ định một bộ phận cho một vị trí không có bộ phận đó.

Lưu ý

Bài viết này sử dụng danh sách được tạo bằng Microsoft Lists làm nguồn dữ liệu. Tuy nhiên, tất cả các nguồn dữ liệu dạng bảng đều hoạt động theo cùng một cách. Trong Dataverse for Teams, bạn sẽ cần kích hoạt điều khiển cổ điển để có được danh sách thả xuống cổ điển hoạt động cho tình huống này.

Tạo nguồn dữ liệu

Danh sách Vị trí hiển thị các bộ phận tại từng vị trí.

Vị trí	Bộ phận
Eganville	Hiệu bánh
Eganville	Cửa hàng bán thức ăn ngon
Eganville	Sản xuất
Renfrew	Hiệu bánh
Renfrew	Cửa hàng bán thức ăn ngon
Renfrew	Sản xuất
Renfrew	Hiệu thuốc
Renfrew	Floral
Pembroke	Hiệu bánh
Pembroke	Cửa hàng bán thức ăn ngon
Pembroke	Sản xuất
Pembroke	Floral

Danh sách Sự cố hiển thị thông tin liên hệ và thông tin về từng sự cố. Tạo cột Ngày dưới dạng cột Ngày, nhưng tạo các cột khác dưới dạng cột Một dòng văn bản để đơn giản hóa cấu hình và tránh cảnh báo đại diện trong Microsoft Power Apps.

Tên	Họ	Số điện thoại	Vị trí	Bộ phận	Mô tả	Ngày tháng
Tonya	Cortez	(206) 555 - 1022	Eganville	Sản xuất	Tôi gặp vấn đề với…	12/2/2019
Đoàn	Laflamme	(425) 555 - 1044	Renfrew	Floral	Tôi đã gặp một sự cố…	13/2/2019

Theo mặc định, danh sách bao gồm một cột Tiêu đề mà bạn không thể đổi tên hoặc xóa, và nó phải chứa dữ liệu trước khi bạn có thể lưu một mục trong danh sách, Để đặt cấu hình cột sao cho không yêu cầu dữ liệu:

Ở góc phía trên bên phải, chọn biểu tượng bánh răng rồi chọn Thiết đặt danh sách.
Trên trang Thiết đặt, chọn Tiêu đề trong danh sách cột.
Trong Yêu cầu cột này chứa thông tin, hãy chọn Không.

Sau thay đổi đó, bạn có thể bỏ qua cột Tiêu đề hoặc có thể xóa cột đó khỏi dạng xem mặc định nếu có ít nhất một cột khác xuất hiện.

Mở biểu mẫu

Mở danh sách Sự cố, rồi chọn Tích hợp -> Power Apps -> Tùy chỉnh biểu mẫu.

Một tab trình duyệt sẽ mở với biểu mẫu mặc định trong Power Apps Studio.
(tùy chọn) Trong ngăn Trường, di chuột qua trường Tiêu đề, chọn dấu ba chấm (...) xuất hiện rồi chọn Xóa.

Nếu đã đóng ngăn Trường, bạn có thể mở lại bằng cách chọn SharePointForm1 trong thanh điều hướng bên trái rồi chọn Chỉnh sửa trường trên tab Thuộc tính trong ngăn bên phải.
(tùy chọn) Lặp lại bước trước để xóa trường Tệp đính kèm khỏi biểu mẫu.

Biểu mẫu xuất hiện chỉ với các trường mà bạn đã thêm.

Thay thế các tùy chọn kiểm soát

Trong ngăn Trường, chọn mũi tên bên cạnh Vị trí.

Nếu đã đóng ngăn Trường, bạn có thể mở lại bằng cách chọn SharePointForm1 trong thanh điều hướng bên trái rồi chọn Chỉnh sửa trường trên tab Thuộc tính trong ngăn bên phải.
Mở danh sách Loại kiểm soát rồi chọn Giá trị được phép.

Cơ chế đầu vào thay đổi thành kiểm soát Danh sách thả xuống.
Lặp lại các bước này cho thẻ Bộ phận.

Thêm danh sách Vị trí

Chọn Dạng xem > Nguồn dữ liệu > Thêm nguồn dữ liệu.
Chọn hoặc tạo kết nối SharePoint rồi chỉ định trang web chứa danh sách Vị trí.
Chọn hộp kiểm cho danh sách đó rồi chọn Kết nối.

Danh sách kết nối hiển thị danh sách Sự cố mà biểu mẫu được tạo trên đó và danh sách Vị trí, sẽ xác định các vị trí và bộ phận trong biểu mẫu.

Mở khóa thẻ

Chọn thẻ Vị trí, chọn thẻ Nâng cao trong ngăn bên phải rồi chọn Mở khóa để thay đổi thuộc tính.
Lặp lại bước trước đối với thẻ Bộ phận.

Đổi tên kiểm soát

Nếu bạn đổi tên kiểm soát của mình, bạn có thể xác định các kiểm soát dễ dàng hơn và dễ theo dõi ví dụ hơn. Để khám phá các cách làm tốt nhất, hãy xem lại Nghiên cứu chuyên sâu về Tiêu chuẩn mã hóa và Nguyên tắc.

Trong thẻ Vị trí, chọn tùy chọn kiểm soát Danh sách thả xuống.
Gần phía trên cùng của ngăn bên phải, hãy đổi tên kiểm soát đã chọn bằng cách nhập hoặc dán ddLocation.
Lặp lại hai bước trước trong thẻ Bộ phận để đổi tên kiểm soát Danh sách thả xuống thành ddDepartment.

Đặt cấu hình vị trí

Đặt thuộc tính Items của ddlocation thành công thức này:

Distinct(Locations, Location)
(optional) Trong khi giữ phím Alt, hãy mở ddLocation và xác nhận rằng danh sách hiển thị 3 vị trí.

Đặt cấu hình bộ phận

Chọn ddDepartment, sau đó, trên tab Thuộc tính ở ngăn bên phải, chọn Phụ thuộc.
Trong Kiểm soát của phụ huynh, đảm bảo rằng ddLocation xuất hiện trong danh sách trên và Kết quả xuất hiện trong danh sách dưới.

Lưu ý

Nếu bạn không muốn khớp trên một chuỗi mà trên ID thực tế của hàng dữ liệu, hãy chọn ID thay vì Kết quả.
Trong Trường đối chiếu, chọn Vị trí trong danh sách trên, chọn Vị trí trong danh sách dưới rồi chọn Áp dụng.

Thuộc tính Items của ddDepartment được đặt thành công thức này:

Filter(Locations, Location = ddLocation.Selected.Result)

Công thức này lọc các mục trong ddDepartment dựa trên những gì người dùng chọn trong ddLocation. Cấu hình này đảm bảo rằng danh sách "con" các bộ phận phản ánh dữ liệu cho vị trí "cha mẹ", chẳng hạn như danh sách Vị trí trong SharePoint chỉ định.
Trên tab Thuộc tính ở ngăn bên phải, mở danh sách bên cạnh Giá trị rồi chọn Bộ phận.

Bước này đặt văn bản hiển thị thành các tùy chọn trong cột Bộ phận của danh sách Vị trí trong SharePoint.

Kiểm tra biểu mẫu

Trong khi giữ phím Alt, hãy mở danh sách các vị trí, chọn một vị trí, mở danh sách các bộ phận rồi chọn một bộ phận.

Danh sách vị trí và bộ phận phản ánh thông tin trong danh sách Vị trí trong SharePoint.

Mở danh sách vị trí, thay đổi lựa chọn từ Renfrew thành Pembroke, rồi mở danh sách các bộ phận.

Lưu và mở biểu mẫu (tùy chọn)

Mở menu Tệp rồi chọn Lưu > Xuất bản lên SharePoint > Xuất bản lên SharePoint.
Ở góc trên bên trái, chọn mũi tên quay lại rồi chọn Quay lại SharePoint.
Trong thanh lệnh, chọn Mới để mở biểu mẫu tùy chỉnh của bạn.

CÂU HỎI THƯỜNG GẶP

Tôi không thể thấy bất kỳ dữ liệu nào: các nguồn đều trống hoặc có dữ liệu sai. Xác nhận xem bạn có hiển thị trường chính xác cho kiểm soát của mình không, theo một trong những cách sau:

Chọn danh sách thả xuống, sau đó chọn thuộc tính Value trong tab Thuộc tính ở ngăn bên phải.
Chọn hộp tổ hợp rồi đảm bảo rằng văn bản chính là trường bạn muốn hiển thị.

Danh sách thả xuống con của tôi chứa các mục trùng lặp. Dấu hiệu này có thể là do sử dụng cột Tra cứu trong SharePoint hoặc hàm Lựa chọn trong Power Apps. Để loại bỏ trùng lặp, hãy bọc hàm Distinct xung quanh dữ liệu trả về đúng cách. Thông tin thêm: Hàm Distinct.

Các giới hạn đã biết

Cấu hình này có trên tùy chọn kiểm soát Danh sách thả xuống, cũng như tùy chọn kiểm soát Hộp tổ hợp và Hộp danh sách cho phép lựa chọn tại một thời điểm. Bạn không thể sử dụng cấu hình Phụ thuộc cho bất kỳ tùy chọn kiểm soát nào nếu chúng cho phép nhiều lựa chọn. Không nên dùng phương pháp này khi làm việc với các lựa chọn trong Microsoft Dataverse.

Cấu hình Phụ thuộc không hỗ trợ dữ liệu tĩnh hoặc bộ sưu tập. Để đặt cấu hình danh sách thả xuống phụ thuộc với các nguồn này, hãy chỉnh sửa biểu thức ngay trong thanh công thức. Ngoài ra, Power Apps không hỗ trợ sử dụng hai trường lựa chọn trong SharePoint mà không có bất kỳ bảng dữ liệu phù hợp nào, và bạn không thể xác định Trường phù hợp trong UI này.