參數面板位置調整插件

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. url 範例如：【http://localhost:8075/webroot/decision/view/form?viewlet=example.frm&op=frm】。

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

1. 不支援行動端。

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