當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

參數面板位置調整插件

1. 版本

  報表服務器版本  插件版本
  10.0  1.1
  9.0  1.0


2. 描述

在制作含有參數的報表時,往往由於實際需要篩選的字段過多,在參數面板中一行顯示不下,而且參數面板像下圖一樣以細長的一行展示出來給報表使用者帶來的視覺效果也很差,在只需限制某幾個篩選條件時也不便快速找出所需的參數。
222

於是我們往往會将一行參數拆成多行展示,這樣能顯示全所有的參數,并且有效參數面板區域稍變短、變高了些,視覺效果得到改善,也便於找到所需參數。

可實現這樣的效果帶來的是數據展示區的長寬比進一步擴大:長度不變,高度減小,不僅損失了頁面上可展示數據的條數,還形成了一大片浪費的區域。國畫才講究“留白”,需要給看畫者以感性的遐想空間,但是報表追求效率,需要在有限的空間裏展示更多的信息。但現在參數面板和數據展示區共同分割整個頁面的高度,所以要兼顧兩者的視覺效果似乎對立了起來。

222

換個角度,讓兩者共享同樣的高度而分割長度是不是可以解決這個矛盾?

有了參數面板位置調整9.0 參數面板位置調整)插件,上面的想法便可實現。

3. 安裝插件

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

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


另:對於不安裝插件的同類處理辦法,可參考社區技術文檔:JS實現網頁框高級過濾篩選

4. 操作步驟

4.1 設置【參數面板屬性】

安裝“參數面板位置調整”插件。打開需要調整參數面板位置的 cpt 文件,點擊“模板”——“參數面板屬性”,在彈出的頁面中勾選“參數面板插件功能啓用”,在預設中選擇需要默認展示的位置(這裏我們選“居左”),位置自定義選項是在預覽時即時可調整的位置,可以都勾上,點擊确定。

222

4.2 預設效果預覽

點擊預覽,參數面板就在整個顯示頁面的左邊。
222

4.3 前端即時調整設置

若想在預覽時能夠即時調整參數面板位置,還需在“模板”——“模板 Web 屬性”中,将“分頁預覽設置/填報預覽設置/數據分析設置“(三者均可,選擇對應的預覽方式)的“以下設置”:”修改爲“爲該模板單獨設置”,選中“面板自定義位置”,點擊向上的箭頭,添加至工具欄。

222

4.4 前端即時調整預覽

此時再用調整的方式預覽,可看見頁面的工具欄上多了參數面板自定義位置的圖标,點擊選擇想要展示的位置即可調整。
222

5. 效果及場景

可以明顯看出,設置參數面板居左/居右後,這種參數較多的情況下,頁面整體的布局要合理很多。鑒於現代人閱讀時從上到下、從左到右的順序,可以在必選參數的模板中将參數面板預設爲居左/居上,而需查看整體數據、不常用參數篩選時可将參數面板預設爲居右、居下。

6. 移動端

移動端不支持

附件列表


主題: 原簡體文檔
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

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

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

不再提示

10s後關閉

反饋已提交

網絡繁忙