反饋已提交

網絡繁忙

FVS下拉框元件

  1. 概述

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

注:不支援行動端。

1.1 版本

報表伺服器版本插件版本功能變動
11.0.6V1.8.0取消「預覽時可見」設定項,可透過組件圖層設定組件是否可見
11.0.6V1.5.0

新增下拉框元件

1.2 功能簡介

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

FVS下拉框控件.gif

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

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

2. 功能介紹

2.1 元件內容

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

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

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

綁定元件的待選擇項,必須設定,否則元件不顯示選項,如何設定可參考:資料字典

去除重複項,勾選後,會將下拉選項中相同的項合併;不勾選,不會合並仍保留重複的選項。預設勾選
預設值可設定下拉框元件顯示的預設值,有如下 3 種

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

2)欄位:可選擇資料集中欄位,若傳回值為陣列,只取陣列序列中第一個值顯示

3)公式:點選右側 fx 輸入公式,若傳回值為陣列,只取陣列序列中第一個值顯示

 

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

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

  • 勾選後,允許輸入不包含在下拉選項中的值,並將其新增到下拉選項中,但重新整理後不會儲存

  • 不勾選,不允許輸入不包含在下拉選項中的值,當輸入值不包含在下拉選項中時,下拉框不會自動清除輸入值,並會彈出提示框:不允許自訂值

2.2 元件交互事件

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

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

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

3. 範例

3.1 準備範本

1)點選設計器左上角「檔案>建立大屏報表」。

2)建立資料庫查詢 ds1 ,輸入 SQL 查詢語句 SELECT * FROM 銷量 where 地區='${area}' ,並給參數 area 設定預設值為「華東」,即預設獲取華東地區的銷量資料。

如下圖所示:

3.2 新增下拉框元件

1)點選組件區「元件>下拉框」,新增到頁面中。

在右側配置面板「內容」中將名稱修改為「area」,預設值輸入「華東」,即可與資料集中定義的 area 參數匹配。如下圖所示:

2)綁定下拉框元件資料字典,選擇型別為「資料庫表」,選擇 FRDemo 中銷量表的「地區」欄位。如下圖所示:

3.3 新增柱形圖

點選組件區「圖表>柱形圖」,將柱形圖組件新增到頁面,給柱形圖綁定含有 area 參數的資料集中資料。如下圖所示:

3.4 效果預覽

點選右上角「儲存」,點選「預覽」,下拉選擇不同選項,柱形圖則顯示為不同地區的銷售員銷量。如 1.2 節效果所示。

4. 範本下載

點選下載範本:FVS下拉框元件示例.fvs

附件列表


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

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

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

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙