> For the complete documentation index, see [llms.txt](https://spsvn.gitbook.io/product-docs-1/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://spsvn.gitbook.io/product-docs-1/huong-dan-cai-dat-va-cau-hinh-quan-tri-vien/cau-hinh-chuc-nang/cau-hinh-du-lieu-ket-noi-lookup-list/cau-hinh-hien-thi-dang-cay-tree.md).

# Cấu hình hiển thị dạng cây (tree)

Với dạng danh sách chứa những lựa chọn có phân cấp dạng cha-con cần hiển thị trực quan trên phần mềm, có thể cấu hình lần lượt theo bước sau:

Bước 1: Thêm mới Dữ liệu kết nối (thực hiện theo Cách 1 hoặc Cách 2)

Bước 2: Vào cấu hình Dữ liệu kết nối, chọn cập nhật danh sách kết nối và tích chọn ô "No cache data". Bấm \<Cập nhật>

<figure><img src="/files/43kIus5ZZy6wP8e4yBAf" alt=""><figcaption></figcaption></figure>

Bước 3: Truy cập SharepointList của list cần hiển thị tree, thêm cột mới dạng Lookup. Bấm \<Next>

<figure><img src="/files/RTeukJp8UTj50x9gzYqW" alt=""><figcaption></figcaption></figure>

Bước 4: Thiết lập các thông tin cho cột:

* Tên cột: Đặt tùy chọn (Ví dụ: Parent)
* Mô tả: Có thể thêm hoặc bỏ qua
* Loại (Type): Lookup (Đã chọn lúc đầu thì bỏ qua)
* Chọn nguồn cho danh sách (Select a list as a source): Tìm chọn theo tên danh sách lookup đang cần hiển thị tree
* Chọn cột từ danh sách trên (Select a column from the list above): Code

<figure><img src="/files/Bw0RfwtVs6gEdT3oTTz8" alt=""><figcaption></figcaption></figure>

Bấm \<Save> để lưu lại.

Bước 5: Kiểm tra và điền lần lượt các giá trị cho cột (ảnh minh họa)

<figure><img src="/files/qnxfrrL8vqPbvsAXpyYs" alt=""><figcaption></figcaption></figure>

Bước 6: Quay lại phần mềm SP365, xóa bộ nhớ đệm

Bước 7: Trong cấu hình quy trình, thiết lập Lookup chọn danh sách đã cấu hình bên trên, tích chọn ô "Hiển thị dạng tree". Sau đó cập nhật và Lưu cấu hình

<figure><img src="/files/GTu6B0aQuNTN1kCnI4rl" alt=""><figcaption></figcaption></figure>

Khi tạo yêu cầu, trường Lookup trên sẽ có hiển thị như sau:

<figure><img src="/files/rNbnIfXkbCYOtHMhC379" alt=""><figcaption></figcaption></figure>

Với hiển thị này, người dùng dễ dàng nhìn thấy các lựa chọn theo phân cấp đã có từ trước thay vì các lựa chọn được hiển thị ngang bằng nhau