1.概述
1.1 版本
報表服務器版本 | 功能變更 |
---|---|
11.0 | - |
11.0.5 | 新增「觸發編輯結束事件」配置項,詳情見 2.1 節 |
1.2 功能簡介
本文將介紹普通報表中參數面板的屬性,決策報表中參數介面的介紹請參見:參數面板樣式。
FVS 直接將 元件 組件拖入畫布即可使用,或在 FVS查詢面板 中使用 。
決策報表直接將元件拖入 body 中即可使用,或在 參數介面 中使用 。
2. 組件設置
新建一張普通報表,進入參數面板,參數面板的屬性如下圖所示。
2.1 屬性
「屬性」Tab 下,參數面板的各設置項介紹如下表所示:
設定項 | 說明 |
---|---|
組件名稱 | 可自訂組件名稱。 |
標籤名稱 | 可自訂標籤名稱。 |
背景 | 參數的預設背景色為灰色。 使用者若需要參數介面的風格和報表風格相同或達到其他效果,可自訂參數面板的背景,其效與 紙張背景 效果相同。 |
點選查詢前不顯示報表內容 | 1)勾選【點擊查詢前不顯示報表內容】按鈕: 在定義參數的情況下,直接預覽則不顯示報表,需要使用者手動點選【查詢】按鈕,查詢報表。 2)不勾選【點擊查詢前不顯示報表內容】按鈕: 需給參數設定預設值,取消勾選【點擊查詢前不顯示報表內容】按鈕,點選【預覽】,即可自動使用參數的預設值進行首次查詢並展示報表。 注:設定【點選查詢前顯示報表內容】的同時要給參數設定預設值,否則在首次展示時會根據空值進行過濾。 |
使用常用參數組合 | 詳情請參見:範本常用參數組合。 |
顯示位置 | 參數介面的顯示位置可以設定為靠左、置中以及靠右顯示。 注:參數介面的顯示位置以參數介面的寬度來靠左、靠右或者置中,而不是瀏覽器的頁面寬度。 |
尺寸 | 可自訂參數面板的設計寬度。 注:在參數面板中新增元件後,若最右側元件所處的位置橫座標大於要修改的參數面板的【設計寬度】,則修改不成功。 |
2.2 事件
參數面板的「事件」Tab 頁如下圖所示:
2.2.1事件介紹
可為參數面板新增初始化後事件和點击事件。
初始化後事件:預覽範本之後觸發。
點击事件:是點選參數面板任意地方之後觸發。
2.2.2初始化後事件範例
1)新建普通報表,參數面板中添加「下拉框控件」,參數面板添加「初始化後事件」,如下圖所示:
JavaScript 如下所示:
儲存範本,點選「分頁預覽」,如下圖所示。
2.3 移動端
參數面板的「移動端」Tab 頁如下圖所示:
具體介紹如下所示:
移動端中,模板默認參數界面是通過底部參數界面的漏鬥過濾按鈕調用的,點擊後會跳轉到新的頁面編輯參數,再進行查詢。用戶若不習慣這樣的交互,可安裝頂部 參數面板插件 ,将參數面板固定在頂部。
控件順序:顯示所有的控件,支持移動各個控件的位置(在移動端顯示的位置)。
3.調整參數介面的大小
3.1 調整高度
在參數介面面板中,可以設定參數在 B/S 端的高度,如下圖所示。
灰色部分為參數介面的邊框,可以透過拖動灰色部分來調整參數介面的高度。
3.2 調整寬度
從屬性表裏面調整參數介面的寬度,預設設計寬度為960,如下圖所示。
3.3 注意事項
問題描述
參數面板和設計頁面切換是透過點選陰影部分的「編輯」按鈕實現的。當參數介面高度較大時,看不到陰影部分的編輯按鈕,無法切換到設計頁面。如下圖所示。
解決方案
建議將設計頁面上拉,看到編輯按鈕即可,點選編輯按鈕進行切換。如下圖2所示。