反饋已提交

網絡繁忙

FVS下拉樹元件

1. 概述

適用場景:安裝了「FineVis資料視覺化」插件的使用者,可參考本文了解 FineVis 的相關功能。

1.1 版本

報表伺服器版本插件版本功能變動
11.0.16V1.x
V1.x 版本文檔請參考:FVS下拉樹元件歷史版本
11.0.16V2.0.0元件內容面板交互優化

1.2 功能簡介

下拉樹元件在範本預覽時,可下拉選擇選項,透過參數聯動其他組件。效果如下圖所示:

注:不支援行動端。

組件動畫請參見:FVS組件動畫 。

組件樣式請參見:FVS組件樣式屬性 。元件名稱在「內容」中設定。

2. 功能介紹

2.1 元件內容

下拉樹元件可設定的內容如下圖所示:


各設定項的詳細介紹如下表所示:

設定項
詳細介紹
名稱元件名稱即參數名稱,預設生成中文名稱,需根據實際參數進行修改
字號下拉樹中顯示正文的字號,預設為 12 px,對下拉樹選項中的字體無效
資料字典

定義下拉樹實際值與顯示值,有 3 種構建方式:自動構建、普通分層構建、極速分層構建

詳情請參見:樹元件構建方式 

選項

開啓多選:勾選後,可選擇下拉樹的多個選項;不勾選,只可選擇下拉樹的一個選項。預設不勾選

勾選後,是否勾選「結果只傳回葉子節點」,會影響勾選上代節點時是否自動選擇子節點

勾選時,勾選上代節點時自動勾選所有子節點;勾選子節點時,上代節點有色塊填充

不勾選時,勾選上代節點時不自動勾選子節點;勾選子節點時,上代節點無色塊填充


非同步展開樹節點:節點載入邏輯,會影響效能,預設勾選

  • 勾選後,展開選項時只載入上代節點的資料,所有子節點預設不展開,適用於資料量大的情況

  • 不勾選,展開選項時所有子節點一次性展開,適用於資料量小的情況

結果只傳回葉子節點:下拉樹是一種有層次結構的元件,每個最末端的葉子節點都有其完整的層次路徑。預設只傳回下拉樹的葉子節點

如選擇北京,傳回值為:北京

結果傳回完整路徑:下拉樹是一種有層次結構的元件,每個最末端的葉子節點都有其完整的層次路徑。勾選後即傳回其完整的層次路徑,傳回值為陣列型別。預設不勾選

勾選後,如選擇北京,傳回值為:華北,北京,北京

傳回值勾選「開啓多選」且不勾選「結果傳回完整路徑」才有此設定項。用於設定多選下拉樹傳回值的格式,分為陣列和字串兩種
  • 陣列:傳回值型別為陣列型,例如:勾選三個值,傳回值為:["值 1","值 2","值 3"]

  • 字串:傳回值型別為字串,需要定義分隔符、開始符和結束符,即將勾選的多個值根據分隔符連接成一個字串。符號支援手動輸入,或直接選擇

         例如:分隔符定義為逗號,起始符和結束符均定義為單引號,傳回值為 '值1,值2,值3'

預設值可設定下拉樹元件顯示的預設值,有如下 3 種型別:

1)自訂字串:可直接輸入正文

  • 例如:要選中北京,寫「華北,北京,北京」,子上代節點用 , 隔開

  • 若開啓了多選,要寫多個值時,例如選中北京和上海,寫「華北,北京,北京;華東,上海,上海」,子上代節點用 , 隔開,值之間用 ; 隔開

2)欄位:可選擇資料集中欄位,若欄位值符合多個值寫法,且開啓了多選,則預設值會多選

3)公式:點選右側 fx 輸入公式,例如獲取「表格1」組件 A1 儲存格的值 =表格1~A1,或者 =[[1,11,111],[1,11,112]]

水印預覽時元件內顯示的淺灰色水印文字,以提示使用者需要輸入資訊,選擇選項或輸入正文後消失,預設為空
權限設定頁面初始預覽時該元件是否可編輯,預設勾選可編輯
校驗

空值校驗:是否允許元件為空值。預設勾選

  • 勾選後,允許元件為空值;

  • 不勾選,可設定校驗提示文字,範本預覽時若元件為空,則顯示提示文字。

自訂值校驗:是否允許使用者輸入不包含在下拉選單選項中的值

  • 勾選後,下拉樹選擇值時,使用者可以直接輸入值,實現模糊搜尋

  • 不勾選,當輸入值不包含在下拉選項中時,下拉樹會自動清除輸入值

2.2 元件交互事件

點選「交互>新增事件」,可新增 JavaScript 事件實現更多效果。下拉樹元件支援「初始化後事件」和「編輯結束事件」。如下圖所示:


點選具體的某一個事件,會彈出 JavaScript 事件設定框。如下圖所示:


注:關於 FVS 支援的 JavaScript 可參考文檔 FVS支援的JSAPI場景 。


3. 後續步驟

關於樹元件的實際應用及範本下載請參考文檔:樹元件構建方式 。


附件列表


主題: FineVis數據視覺化
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉