1. 概述
適用場景:安裝了「FineVis資料視覺化」插件的使用者,可參考本文了解 FineVis 的相關功能。
1.1 版本
報表伺服器版本 | 插件版本 | 功能變動 |
---|---|---|
11.0.22 | V2.3.1 | 新增查詢按鈕 |
1.2 應用場景
FVS 範本使用元件查詢時,修改元件值後會自動觸發查詢。使用查詢按鈕聯動元件,可實現點選查詢按鈕,再觸發元件查詢。
效果如下圖所示:
注:本文僅為大家介紹查詢組件特有功能,其他屬性不贅述。
組件交互請參見:FVS組件交互屬性 。
組件動畫請參見:FVS組件動畫 。
組件樣式請參見:FVS組件樣式屬性 。
2. 功能介紹
2.1 新增查詢組件
每個分頁,僅支援新增一個查詢按鈕。未新增時,在組件區「元件」類型中,可點選或拖曳「查詢」組件新增到畫布。
新增查詢按鈕後,當前分頁組件區查詢組件置灰,懸浮組件提示「每頁只能新增1個查詢組件」。如下圖所示:
2.2 查詢組件內容
查詢組件可設定內容如下圖所示:
各設定項的詳細介紹如下表所示:
設定項 | 詳細介紹 |
---|---|
按鈕內容 | 查詢組件顯示的文字內容,僅支援輸入正文,預設為「查詢」 |
聯動元件 | 設定哪些元件被「查詢」按鈕控制,不再自動查詢 列表中包含當前頁所有元件,預設全選,新增的元件自動被選中 |
內容樣式 | 字元樣式:支援對查詢按鈕中顯示的字元進行樣式設定,例如字體、字號、顏色等 注1:修改字元顏色後,再設定 FVS範本主題 ,字元顏色會跟隨主題變化,需重新設定 注2:組件填充顏色需在組件樣式中設定 |
3. 查詢邏輯說明
1)查詢按鈕僅控制當前頁被聯動的元件,未被聯動的元件仍自動觸發查詢;預覽初始化時,根據元件預設值自動查詢。
例如當前頁面有兩個 下拉框元件 ,分別表示參數 area 和 product ,兩個 標題組件 使用公式分別展示兩個參數。
查詢按鈕的聯動元件列表中,僅選中 area 下拉框元件。如下圖所示:
預覽效果如下圖所示,area 參數元件在選擇值後需點選「查詢」才能聯動標題組件,product 參數元件選擇值後直接聯動標題組件。
2)有多個分頁時,不含查詢按鈕的頁面,元件自動查詢時同樣能觸發有查詢按鈕頁面的元件組件聯動,即仍然遵循綁定相同參數的元件分頁間聯動邏輯 。
例如 頁面1 和 頁面2 都存在「綁定參數」為 area 的元件,且都存在引用了 area 參數的柱形圖。頁面1 中新增了查詢按鈕並聯動了 area 元件,頁面2 不新增查詢按鈕 。
預覽時,頁面1 area 參數元件選擇值後,需點選查詢按鈕,頁面1 和 頁面2 才能聯動變化;頁面2 area 參數元件選擇值後,頁面1 和 頁面2 均直接聯動變化。
3)若元件之間存在聯動,而元件均被查詢按鈕聯動,那麼元件之間的聯動仍然生效。
例如已有一個下拉框元件的「綁定參數」為 area ,重新整理增一個正文框元件,不設定綁定參數,設定其預設值為公式 =$area。如下圖所示:
當查詢按鈕聯動元件全選時,area 下拉框選擇值後,直接聯動正文框元件。
當查詢按鈕聯動元件僅選擇 area 下拉框元件時,需點選查詢,才能聯動正文框元件。
4. 範本下載
點選下載範本:FVS查詢按鈕.fvs