JS獲取決策報表參數介面元件值

1.1 問題描述

在設計決策報表時，需要透過決策報表主體的按鈕元件或者報表塊的超連結獲取參數面板的元件值，那麼該如何實現呢？

1.2 解決思路

透過內建API和 JS 事件獲取參數面板的元件值：

_g().getParameterContainer().getWidgetByName('text').getValue();//text為參數面板裏的元件名稱

2.1 設計報表

1）建立一張決策報表，拖入參數面板，在參數面板中新增「正文框元件」和「查詢按鈕」，將「正文框元件」的元件名改為text，元件值填入我是參數元件。如下圖所示：

2）點選參數面板空白處，取消勾選「點選查詢前不顯示報表內容」屬性。如下圖所示：

3）在決策報表主體拖入一個「按鈕元件」和報表塊，按鈕名稱改為獲取參數元件值。如下圖所示：

2.2 新增點選事件

選中「按鈕元件」，為其新增一個「點選」事件，如下圖所示：

JavaScript 程式碼如下：

alert(_g().getParameterContainer().getWidgetByName('text').getValue()); //獲取參數面板的正文框text的元件值

2.3 新增超級連結

2.2 節中實現了點選按鈕獲取參數面板元件值，2.3 節將在超連結中新增 JS，實現點選超連結獲取參數面板元件值。

在 報表塊 A1 儲存格中輸入獲取參數元件值，併為其新增「超級連結」。如下圖所示：

JavaScript 程式碼如下：

alert(_g().getParameterContainer().getWidgetByName('text').getValue());//獲取參數面板的正文框text的元件值

2.4 預覽效果

2.4.1 PC 端

儲存範本，預覽後點選按鈕和超連結，獲取元件值的效果如 1.1問題描述 中所示。

2.4.2 行動端

支援 App 端和 HTML5 端預覽。如下圖所示：

點選下載範本：14-JS實現報表組件獲取參數面板元件值.frm