下拉樹元件自動建構範例

1.1 版本

1.2 預期效果

效果圖如下圖所示：

1.3 實現思路

透過將資料集直接轉為樹資料集，下拉樹直接選擇樹資料集來自動構建層級，樹資料集必須要有明顯的父子關系。如下圖所示：

構建樹時，注意以下幾點：

1）構建樹時，要注意資料不能存在環，否則構建樹不成功，彈窗提醒：構建樹失敗，原始標記欄位資料間構成循環

如下圖所示：

2）根部門的父部門建議不要為空，否則無法構建樹，11.0.6 及以後不強制要求為空，為空也可以構建樹。

2.1 定義資料集

1）準備可以構建樹資料集的表，如下圖所示：

注：可以構建樹資料集的表要求請參見：樹資料集的完整性檢查

表分析：

• 第一行表示總部的標記是 1，父標記為空，表示它是根部門，沒有父部門，通常如果一個部門沒有父部門，那麼父部門標記為空。

• 第二行的意思是「人力資源部」的原始標記為 11，其父部門是標記為 1 的部門（然後可以根據這個標記來查詢它的父部門是總部）。

遍曆這個資料集後，能得到所有的部門資訊，職位資訊；根據「上級 ID」，到「部門 ID」這一欄去尋找相應的部門名稱，進而可以建構父部門。

需要注意的是：

• 「上級 ID」中出現的標記（除了是空），都必須在「部門ID」中找到對應的標記，可以看到上圖中所有的「上級 ID」都能在「部門 ID」中找到對應的值。

• 注：11.0.6 之前，根部門的父部門必須為空，不支援為 0 或 null 。

2）建立範本資料集

本文範例使用的內建資料庫 FRDemoTW 中的公司部門表。

新建普通報表，增加資料集 ds1，SQL 語句為：select * from 公司部門，如下圖所示：

2.2 轉為樹資料集

1）建立樹資料集 Tree1，如下圖所示：

2）使用 ds1 來構建樹，如下圖所示：

2.3 新增下拉樹元件

在參數面板中新增下拉樹元件，如下圖所示：

2.4 定義下拉樹

選中下拉樹，點選「屬性>進階>資料字典」，將建構方式選擇「自動構建」，選擇樹資料集 Tree1，實際值與顯示值分別為「部門 ID 」和「部門名稱」，如下圖所示：

2.5 效果查看

2.3.1 PC 端

儲存範本，點選「分頁預覽」，效果如本文 1.2 節所示。

2.3.2 行動端

App 及HTML5 端效果如下圖所示：

點選下載範本：下拉樹元件自動建構範例.cpt