FVS元件組件

適用場景：安裝了「FVS大屏編輯模式」插件的使用者，可參考本文了解 FVS 範本的相關功能。

注：不支援行動端。

1.1 版本

1.2 應用場景

在報表的具體應用中，經常使用「元件」來實現不同的功能，在普通報表、決策報表中應用廣泛。

在 FVS 大屏範本中，元件是作為組件直接新增到分頁中使用的。同樣支援組件屬性：FVS組件動畫 、FVS組件樣式屬性 。

本文將主要介紹「元件」在 FVS 中的其他通用屬性。

3.1 元件名稱

1）元件的名稱用於綁定參數，所以當需要與其他組件實現參數聯動時，需將元件名稱設定為與參數相同。

例如用參數「area」表示地區，那麼元件名稱也需要設定為「area」。

2）元件名稱不在「組件」配置面板中設定，而在「內容」配置面板中設定。如下圖所示：

3）同一分頁中，不支援同名元件；不同分頁中，支援同名元件，表示相同的參數。

3.2 元件隱藏或顯示

V1.8.0 版本取消了所有元件的「預覽時可見」設定項，統一透過「組件圖層」實現隱藏組件。

如下圖所示：

3.3 元件查詢邏輯

1）在 FVS 中，元件在修改值後自動觸發查詢，與元件名參數相關的組件均會重新整理，且對整個範本所有分頁生效。

例如 頁面1、頁面2 均存在圖表引用了 area 參數，那麼在 頁面1 中改變下拉框元件參數值，頁面1 和 頁面2 中圖表均隨之變化。

如下圖所示：

2）不同分頁中，若存在同名元件，那麼視為同一個參數。

在範本預覽時，任意分頁上元件值改變，其他分頁的同名元件也隨之變化。

在範本編輯介面中，不同分頁中同名元件的預設值會相互改寫，以最後操作的元件預設值為準。

例如：

頁面1、頁面2 均有一個正文框元件，元件名稱均設定為「area」。給 頁面1 的正文框元件設定預設值為「華東」，頁面2 中的正文框元件預設值也顯示為「華東」；在 頁面2 將元件預設值修改為「華北」，頁面1 中元件預設值也將變為「華北」。

預覽時同理。

3.4 元件事件

FVS 元件目前支援的事件包括：初始化後事件、載入結束事件、點選事件。

FVS 支援以下元件API，更多內容可參考文檔：元件通用 。

用法參考決策報表 body 中元件的用法，但需要將獲取物件的API _g() 換成 duchamp 。

更多內容請參考文檔：FVS大屏支援的JSAPI場景 。

3.5 元件樣式

在 FVS 範本中，點選頂部菜單欄「範本>範本主題」，可設定元件組件樣式，對當前範本中所有元件生效。

詳細介紹請參見文檔：FVS範本主題 。