一、概述
本文將介紹普通報表中參數面板的屬性,決策報表中參數介面的介紹請參見:參數面板樣式。
二、組件設定
建立一張普通報表,進入參數面板,參數面板的屬性如下圖所示。
1
屬性。
【屬性】Tab 下,參數面板的各設定項介紹如下表所示。
設定項 | 說明 |
---|---|
組件名稱 | 可自訂組件名稱。 |
標簽章稱 | 可自訂標簽章稱。 |
背景 | 參數的預設背景色為灰色。 使用者若需要參數介面的風格和報表風格相同或達到其他效果,可自訂參數面板的背景,其效與 紙張背景 效果相同。 |
點選查詢前不顯示報表內容 | 1)勾選【點選查詢前不顯示報表內容】按鈕 在定義參數的情況下,直接預覽則不顯示報表,需要使用者手動點選【查詢】按鈕,查詢報表。 2)不勾選【點選查詢前不顯示報表內容】按鈕 需給參數設定預設值,取消勾選【點選查詢前不顯示報表內容】按鈕,點選預覽,即可自動使用參數的預設值進行首次查詢並展示報表。 注:設定【點選查詢前顯示報表內容】的同時要給參數設定預設值,否則在首次展示時會根據空值進行過濾。 |
使用常用參陣列合 | 詳情請參見:範本常用參陣列合。 |
顯示位置 | 參數介面的顯示位置可以設定為靠左、置中以及靠右顯示。 注:參數介面的顯示位置以參數介面的寬度來靠左、靠右或者置中,而不是瀏覽器的頁面寬度。 |
尺寸 | 可自訂參數面板的設計寬度。 注:在參數面板中新增元件後,若最右側元件所處的位置橫座標大於要修改的參數面板的【設計寬度】,則修改不成功。 |
2
事件。
參數面板的【事件】Tab 頁如下圖1所示。
事件介紹:可為參數面板新增初始化後事件和點選事件。
初始化後事件:預覽範本之後觸發。
點選事件:是點選參數面板任意地方之後觸發。
初始化後事件範例:
建立普通報表,參數面板中新增【下拉框元件】,參數面板新增【初始化後事件】,如下圖2所示。
JavaScript 如下所示:
儲存範本,點選【分頁預覽】,如下圖3所示。
3
行動端。
參數面板的【行動端】Tab 頁如下圖所示。
具體介紹如下所示:
行動端中,範本預設參數介面是透過底部參數介面的漏鬥過濾按鈕呼叫的,點選後會跳轉到新的頁面編輯參數,再進行查詢。使用者若不習慣這樣的交互,可安裝 頂部參數面板插件 ,將參數面板固定在頂部。
元件順序:顯示所有的元件,支援行動各個元件的位置(在行動端顯示的位置)。
三、調整參數介面的大小
1
調整高度。
在參數介面面板中,可以設定參數在 B/S 端的高度,如下圖所示。
灰色部分為參數介面的邊框,可以透過拖動灰色部分來調整參數介面的高度。
2
調整寬度。
從屬性表裏面調整參數介面的寬度,預設設計寬度為 960,如下圖所示。
3
注意事項。
問題描述:參數面板和設計頁面切換是透過點選陰影部分的編輯按鈕實現的。當參數介面高度較大時,看不到陰影部分的編輯按鈕,無法切換到設計頁面。如下圖1所示。
解決方案:建議將設計頁面上拉,看到編輯按鈕即可,點選編輯按鈕進行切換。如下圖2所示。
四、隱藏參數面板
參數面板在預覽時,可點選【顯示隱藏按】對參數面板進行隱藏,如下圖所示。
若使用者需要整個參數面板完全隱藏(包括小箭頭),可參考:隱藏參數面板的方法。