下拉樹元件預設全選

1.1 版本

1.2 應用場景

希望實現多選下拉樹的預設全選，如下圖所示：

1.3 實現思路

多選下拉樹的預設值格式為：華北,北京,北京;華北,河北,石家莊。

1）方案一

首先使用 SQL 語句將下拉樹資料字典的三個欄位用逗號分隔合併為一個字串，然後在元件值裏使用 joinarray() 函式和 value() 函式，連接成多選下拉樹預設值格式的字串。

2）方案二

使用 TREEDEFAULTPATH 函式和 SQL 函式傳回當前多選下拉樹資料字典中貨主城市的完整路徑。

2.1 建立範本

建立一張普通報表，如下圖所示：

2.2 準備資料

1）建立資料庫查詢 ds1 ，輸入 SQL 語句：SELECT 貨主地區 FROM 訂單 where 貨主地區!=''，表示獲取訂單表中所有非空的貨主地區，步驟如下圖所示：

2）同理，建立資料庫查詢 ds2 ，輸入 SQL 語句：SELECT  貨主省份 FROM 訂單 where 貨主省份!='' and 貨主地區='${layer1}'，表示基於第一個查詢的結果（透過參數${layer1}傳遞），獲取指定貨主地區下的所有非空貨主省份資料。如下圖所示：

3）同理，建立資料庫查詢 ds3，輸入 SQL 語句：SELECT  貨主城市 FROM 訂單 where 貨主城市!='' and 貨主地區 = '${layer1}'and 貨主省份='${layer2}'，表示基於前兩個查詢的結果（透過參數${layer1}和${layer2}傳遞），獲取指定貨主地區和貨主省份下的所有非空貨主城市資料。如下圖所示：

注：layer1，layer2 等均是系統參數，為固定寫法，不可更改。

2.3 設定元件

1）進入參數面板編輯介面，向參數面板中拖入下拉樹元件，如下圖所示：

2）選中下拉樹元件，點選「屬性>資料字典」，如下圖所示：

3）選擇「普通分層構建」，層次1 類型設定為「資料查詢」，資料集為 ds1 ，實際值和顯示值都為「貨主地區」，如下圖所示：

4）選擇「普通分層構建」，層次2 類型設定為「資料查詢」，資料集為 ds2 ，實際值和顯示值都為「貨主省份」，如下圖所示：

5）選擇「普通分層構建」，層次3 類型設定為「資料查詢」，資料集為 ds3 ，實際值和顯示值都為「貨主城市」，如下圖所示：

6）選中下拉樹元件，點選「屬性」，勾選「多選」，如下圖所示：

3.1 設定元件預設值

1）建立資料庫查詢 ds4，輸入 SQL 語句：select 貨主地區||','||貨主省份||','||貨主城市 from 訂單 where 貨主地區 !='' and 貨主省份 !='' and 貨主城市 !=''，表示獲取貨主地區、貨主省份和貨主城市都不為空的資料，並將三個欄位用逗號分隔合併為一個字串，步驟如下圖所示：

注：此處需要根據實際需求修改 SQL 語句，最終將每個節點值的完整路徑匯出即可。

2）選中下拉樹元件，點選「屬性>進階>元件值」，選擇公式，插入公式：JOINARRAY(value("ds4",1),";")，如下圖所示：

3）公式JOINARRAY(value("ds4",1),";")說明如下表所示：

注：value 函式詳情參見：VALUE函式 ，JOINARRAY 函式詳情參見： JOINARRAY 。

3.2 效果預覽

1） PC 端

儲存範本，點選預覽，效果如下圖所示：

2） 行動端

App 與 HTML5 端效果相同，如下圖所示：

4.1 設定元件預設值

1）選中下拉樹元件，點選「屬性>進階>元件值」，選擇公式，插入公式：TREEDEFAULTPATH(sql("FRDemo","SELECT 貨主城市 FROM 訂單",1))，如下圖所示：

2）公式 TREEDEFAULTPATH(sql("FRDemo","SELECT 貨主城市 FROM 訂單",1)) 說明如下表所示：

注：SQL 函式詳情參見：SQL函式 ，TREEDEFAULTPATH 函式詳情參見： TREEDEFAULTPATH-傳回下拉樹完整路徑 。

4.2 效果預覽

1） PC 端

儲存範本，點選預覽，效果如下圖所示：

2） 行動端

App 與 HTML5 端效果相同，如下圖所示：

點選下載方案一範本：下拉樹元件預設全選方案一.cpt

點選下載方案二範本：下拉樹元件預設全選方案二.cpt