1. 概述
1.1 版本
報表伺服器版本 | 功能變更 |
---|---|
11.0 | - |
1.2 應用場景
「按鈕元件」可應用於填報、參數等場景中,新增按鈕後,點選按鈕可觸發某些報表操作。如下圖所示:
1.3 如何新增
1.3.1 填報元件
被選儲存格後,點選右側屬性面板的「元件設定」,選擇元件處下拉選擇「按鈕元件」,如下圖所示:
1.3.2 參數元件
將「按鈕元件」拖入到參數面板中,如下圖所示:
2. 元件介紹
2.1 屬性
2.1.1 填報元件
「按鈕元件」的屬性設定介面如下圖所示:
各屬性設定項的詳細介紹如下:
分類 | 設定項 | 詳細介紹 | |
---|---|---|---|
基本 | 元件名稱 | 元件的名稱,手動輸入,通常與參數結合使用,如透過元件名獲取元件後將元件值傳遞給對應參數,預設為空。 | |
可 用 | 元件是否可用,勾選後,填報時元件可編輯;不勾選,填報時元件灰化,不可編輯,預設勾選。 | ||
可 見 | 元件是否可見,勾選後,填報時頁面顯示元件;不勾選,填報時頁面不顯示元件,預設勾選。 | ||
進階 | 按鈕類型 | 可選擇的按鈕類型,有 6 種,如下: 注:行動端不支援參數提交按鈕和樹節點按鈕。 1)普通:最標準的按鈕,可設定按鈕名稱、按鈕圖示、快捷鍵,詳細介紹見表格的內容。 2)自訂:相比普通按鈕,可以自訂按鈕背景樣式,樣式包括初始背景、滑鼠浮動背景、滑鼠點選背景。 3)插入列:新增後,點選按鈕可插入儲存格列。屬性介紹見表格的內容,插入和刪除列欄 4)刪除列:新增後,點選按鈕可刪除儲存格列。屬性介紹見表格的內容,插入和刪除列欄 注:刪除列按鈕不支援設定「提交入庫」事件 5)參數提交按鈕:用來提交參數,新增後點選即可提交報表中的參數,即預設生成一個查詢按鈕,屬性介紹見表格的內容。 6)樹節點按鈕:用來製作樹形展開的 摺疊報表,將控制附屬於該組的內容展開與摺疊。 注:樹節點按鈕只支援「資料分析」預覽方式 | |
按鈕名稱 | 在按鈕上顯示的值,預設為空。如果同時設定了按鈕名稱和儲存格值,則優先顯示按鈕名稱。 注:暫不支援透過修改儲存格字體大小和字體顏色來調整按鈕顯示文字的大小和顏色 | ||
按鈕圖示 | 按鈕顯示的圖示樣式,有預定義選項;也可以透過新增圖片自訂,自訂圖片建議使用 16×16 規格的 PNG 圖片,否則會出現圖示顯示不完整的情況。 注:範本更換伺服器環境後,按鈕圖示需要重新新增和配置 | ||
快捷鍵 | 可透過手動輸入來自訂「快捷鍵」,執行按鈕的點選動作,懸浮可查看支援的快捷鍵。注:此功能不支援行動端 | ||
初始背景 | 元件類型選擇「自訂」時的配置項,可自訂初始背景,可設定為沒有背景、顏色、紋理、圖案、漸變色、圖片。 注:行動端背景僅支援顏色 | ||
滑鼠浮動背景 | 元件類型選擇「自訂」時的配置項,可自訂滑鼠浮動背景,可設定為沒有背景、顏色、紋理、圖案、漸變色、圖片。 注:此功能行動端不支援 | ||
滑鼠點選背景 | 元件類型選擇「自訂」時的配置項,可自訂滑鼠點選背景,可設定為沒有背景、顏色、紋理、圖案、漸變色、圖片。 注:行動端背景僅支援顏色 | ||
指定儲存格 | 元件類型選擇「插入列」或者「刪除列」時的配置項,指定插入或者刪除列時參照的儲存格,必須設定從上到下的擴展屬性,預設為 A1。 | ||
列數 | 元件類型選擇「插入列」時的配置項,指定插入的列數,預設為 1。 |
2.1.2 參數元件
「按鈕元件」的屬性設定介面如下圖所示:
各屬性設定項的詳細介紹如下:
分類 | 設定項 | 詳細介紹 |
---|---|---|
基本 | 元件名稱 | 元件的名稱,手動輸入,通常與參數結合使用,如透過元件名獲取元件後將元件值傳遞給對應參數,預設button#。 |
可 用 | 元件是否可用,勾選後,填報時元件可編輯;不勾選,填報時元件灰化,不可編輯,預設勾選。 | |
可 見 | 元件是否可見,勾選後,填報時頁面顯示元件;不勾選,填報時頁面不顯示元件,預設勾選。 | |
進階 | 按鈕名稱 | 在按鈕上顯示的值,預設為 button# |
標籤名稱 | 元件的標籤屬性是用在行動端的,行動端不支援參數面板上的「標籤元件」,識別的是普通元件的「標籤名稱」屬性,所以行動端可以用元件的標籤名稱來實現標籤。 | |
背景 | 按鈕背景樣式,有 2 種,如下: 1)普通:藍色背景按鈕。 2)自訂:可以自訂按鈕樣式,樣式包括初始背景、滑鼠浮動背景、滑鼠點選背景。 預設為「普通」 | |
初始背景 | 背景選擇「自訂」時的配置項,可自訂初始背景,可設定為透明、顏色、圖片。注:行動端背景僅支援顏色 | |
滑鼠浮動背景 | 背景選擇「自訂」時的配置項,可自訂滑鼠浮動背景,可設定為透明、顏色、圖片。注:此功能行動端不支援 | |
滑鼠點選背景 | 背景選擇「自訂」時的配置項,可自訂滑鼠點選背景,可設定為透明、顏色、圖片。注:行動端背景僅支援顏色 | |
字體 | 背景選擇「自訂」時的配置項,可設定字體類型、字體大小、背景顏色等屬性。 | |
圖示 | 按鈕顯示的圖示樣式,有預定義選項;也可以透過新增圖片自訂,自訂圖片建議使用 16×16 規格的 PNG 圖片,否則會出現圖示顯示不完整的情況 注1:範本更換伺服器環境後,按鈕圖示需要重現新增和配置。 注2:伺服器上傳自訂圖示若不顯示,可以嘗試清除瀏覽器快取即可。 | |
快捷鍵 | 可透過手動輸入來自訂「快捷鍵」,執行按鈕的點選動作,懸浮可查看支援的快捷鍵。 注:此功能不支援行動端 | |
座標.尺寸 | 元件位置 | 元件在參數面板中的位置,透過橫縱座標調整。座標會根據元件在參數面板中的位置自動顯示。 |
元件大小 | 元件的大小,透過寬度、高度調整。若透過拖曳調整,高寬度也隨着自動調整。 |
2.2 事件
事件設定介面可以為元件新增事件實現某些效果,「按鈕元件」支援的事件有初始化後、點選。如下圖所示:
選擇一種事件類型後,即可新增事件內容,「按鈕元件」支援的事件回应方式有 JavaScript 腳本、提交入庫、傳送郵件。如下圖所示:
選擇對應的事件回应方式新增即可,不同回应方式差別可參考:事件回应方式
2.3 行動端
行動端無可配置項。
3. 應用範例
按鈕元件的應用,可參見以下文檔:
應用場景 | 實際效果 |
---|---|
場景描述: 製作的複雜檢視表樹報表,在預覽時,需要點選父節點,才會展開下一層子節點,當層數比較多的時候,操作比較麻煩。如果使用者想實現一鍵全部展開或收起,可以使用按鈕元件。 參考文檔: | ![]() |
場景描述: 利用按鈕元件可以設定插入行 參考文檔: | ![]() |
場景描述: 透過按鈕元件的樹節點按鈕,在報表有明細欄和匯總欄的時候,可以實現一開始只展現匯總欄,點選之後再展現明細欄。 參考文檔: | ![]() |
場景描述: 參數元件較多的情況下,可以對一些不常用、不需要展現出來的的元件進行隱藏,當需要展示的時候再使其展示出來,為「按鈕元件」新增點選事件,當點選按鈕時,隱藏或顯示指定的其他類型元件。 參考文檔: | ![]() |
場景描述: 當報表有多個 Sheet 時,可以透過參數面板上按鈕跳轉到指定的 Sheet 頁 參考文檔: | ![]() |