參數面板位置調整插件

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

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

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

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

5. 有了參數面板位置調整（9.0 參數面板位置調整）插件，上面的想法便可實現。

1. 伺服器安裝插件方法參照：A11-18 伺服器-插件管理。

另：對於不安裝插件的同類處理辦法，可參考社群技術文檔：JS實現網頁框進階過濾篩選。

1

設定【參數面板屬性】。

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

2

預設效果預覽。

1. 點選預覽，參數面板就在整個顯示頁面的左邊。

3

前端即時調整設定。

1. 若想在預覽時能夠即時調整參數面板位置，還需在“範本”——“範本 Web 屬性”中，將“分頁預覽設定/填報預覽設定/資料分析設定“（三者均可，選擇對應的預覽方式）的“以下設定”：”修改為“為該範本單獨設定”，選中“面板自訂位置”，點選向上的箭頭，新增至工具欄。

4

前端即時調整預覽。

1. 此時再用調整的方式預覽，可看見頁面的工具欄上多了參數面板自訂位置的圖示，點選選擇想要展示的位置即可調整。
   

5

frm範本設定。

1. 安裝插件完成，設計器開啟frm檔案後，在參數面板區域新增label項，元件名稱為positionType，值設定面板位置參數[top, bottom, left, right]，分別對應上下左右四個位置，取消勾選可用可見項。範例如圖。

2. 存取方式： frm報表的表單預覽url位址增加 op=frm 參數。

3. 範例如下：http://localhost:8075/webroot/decision/view/form?viewlet=example.frm&op=frm。

1. 可以明顯看出，設定參數面板靠左/居右後，這種參數較多的情況下，頁面整體的佈局要合理很多。鑒於現代人閱讀時從上到下、從左到右的順序，可以在必選參數的範本中將參數面板預設為靠左/居上，而需查看整體資料、不常用參數篩選時可將參數面板預設為居右、居下。

1. 行動端不支援。

1. 為便於靠左、居右的格式轉換，範本的參數面板的每一行元件（可多行），橫縱座標必須在同一水平線上，確定佈局不亂。