［通用］頂部參數面板插件

1.1 版本說明

1.2 預期效果

模板默認參數界面是通過底部參數界面的漏鬥過濾按鈕調用的，點擊後會跳轉到新的頁面編輯參數，再進行查詢。

部分用戶可能不習慣該交互，希望參數界面能夠直接在報表主體中顯示，選擇參數等也不需要進行頁面跳轉。如下圖所示：

1.3 實現方法

用戶可以使用 頂部參數面板插件，自由選擇參數面板的位置。

移動端預覽參數界面直接顯示在主體中，選擇參數後，自動刷新下方的報表數據，适用於數據量不多，參數個數較少且無複雜自定義控制的參數界面模板下。

2.1 插件安裝

插件下載請點擊：頂部參數面板插件

設計器插件安裝方法參照 設計器插件管理

服務器安裝插件方法參照 服務器插件管理

2.2 模板設置

在報表設計器中，可以對 CPT 和 FRM 模板參數界面設置顯示樣式爲頂部樣式。

打開模板%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Phone\parameter\參數查詢-phone.cpt

點擊參數面板，點擊移動端，參數面板選擇頂部，如下圖所示：

2.3 移動端預覽

保存模板，選擇移動端預覽

2.3.1 App

App 效果與本文 1.2 章節「預期效果」一緻。

2.3.2 HTML5

注：部分版本不支持 HTML5 端的頂部參數面板，具體請參考本文1.1 版本章節。

「頂部參數面板」插件在模板中的具體使用及效果，請根據需求選擇下載 移動端 Demo 中 1.11 章節中的模板體驗。

4.1 數據篩選效果

若參數面板中存在文本控件時，參數面板選擇頂部，頂部顯示篩選按鈕，點擊後從側邊欄進行輸入查詢，移動端效果預覽效果如下圖所示：

4.2 控件顯示效果

10.4.975 版本對頂部控件的顯示效果進行了優化，具體的版本要求可以參見1.1版本說明，優化點如下：

4.2.1 控件初始化顯示規則

• 控件有默認值：顯示設置的控件值。（如果多值控件設置了多個默認值，則顯示第一個值+選中個數）
  

• 控件無默認值：按水印>标簽名稱>都爲空的順序來顯示，對應的設置位置如下圖所示：

示例效果如下圖所示：

4.2.2 選中值顯示規則

• 單值控件：切換後顯示選中的值。

• 多值控件：切換後顯示第一個值+選中個數，其中選中個數圖标代替初始化選值圖标。

4.3 條件篩選優化

10.4.976 版本對較多篩選條件的顯示效果進行了優化，具體的版本要求可以參見1.1版本說明，優化點如下：

4.3.1 多條件篩選

當條件數<=4時，所有條件都可以直接顯示在一行，如下圖所示：

當條件數>4時，多出的條件會收納到「更多」裏，用戶可以下拉設置其他條件，如下圖所示：

4.3.2 自動查詢

樣式模板選擇「頂部」時，點擊右側的編輯按鈕，可以選擇是否開啓數據自動查詢，如下圖所示：

勾選了「自動查詢」，設置了某個條件後，會立即進行查詢，效果如下圖所示：

不勾選「自動查詢」，設置了某個條件後，需要點擊右邊的查詢按鈕，才能進行查詢，如下圖所示：