反饋已提交

網絡繁忙

按鈕元件

1. 概述

1.1 版本

報表伺服器版本
功能變更
11.0-

1.2 應用場景

「按鈕元件」可應用於填報、參數等場景中,新增按鈕後,點選按鈕可觸發某些報表操作。如下圖所示:

1.gif

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. 應用範例

按鈕元件的應用,可參見以下文檔:

應用場景
實際效果

場景描述:

製作的複雜檢視表樹報表,在預覽時,需要點選父節點,才會展開下一層子節點,當層數比較多的時候,操作比較麻煩。如果使用者想實現一鍵全部展開或收起,可以使用按鈕元件。

參考文檔:

JS實現一鍵展開/收起檢視表樹所有節點

1715582267fBpu.gif

場景描述:

利用按鈕元件可以設定插入行

參考文檔:

插入行策略

1710301679ikvr.gif

場景描述:

透過按鈕元件的樹節點按鈕,在報表有明細列和匯總列的時候,可以實現一開始只展現匯總列,點選之後再展現明細列。

參考文檔:

資料分析模式動態表頭

2.gif

場景描述:

參數元件較多的情況下,可以對一些不常用、不需要展現出來的的元件進行隱藏,當需要展示的時候再使其展示出來,為「按鈕元件」新增點選事件,當點選按鈕時,隱藏或顯示指定的其他類型元件。

參考文檔:

JS 實現動態隱藏參數以及控制參數面板高度

1712112245529832.gif

場景描述:

當報表有多個 Sheet 時,可以透過參數面板上按鈕跳轉到指定的 Sheet 頁

參考文檔:

JS實現點選按鈕切換Sheet頁

17156740666oaM.gif



附件列表


主題: 參數應用
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

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

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

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙