JS實現在報表參數界面獲取元件的值

1.1 問題描述

在實際項目中，使用決策報表的時候，有時會用到在決策報表參數面板獲取報儲存格件的值，那麼該如何實現呢？

1.2 實現思路

使用 JS 獲取報表主體的元件值：

_g().getWidgetByName("area").getValue(); //獲取報表主體元件area的元件值

注：該方案支援新版決策報表。

2.1 設計報表

1）建立決策報表，將 body 的佈局方式修改為絕對佈局。如下圖所示：

2）在 body 中拖入一個「標籤元件」和「正文元件」，將標籤元件的元件值修改為 地區是：如下圖所示：

3）將「正文元件」的元件名稱修改為 area，如下圖所示：

4）在 body 中拖入參數面板，在參數面板中新增一個「按鈕元件」，將按鈕名稱改為：獲取報表主體元件值，如下圖所示：

2.2 新增事件

選中參數面板上「按鈕元件」，新增一個「點選」事件。事件作用為點選按鈕時彈窗列印報表中正文元件的值。如下圖所示：

JavaSccript 代碼如下：

var label = _g().getWidgetByName("label0").getValue(); //獲取標籤元件label0的元件值 
var area = _g().getWidgetByName("area").getValue(); //獲取正文元件area的元件值 
alert(label + area);

2.3 效果預覽

1）點選參數面板空白處，取消勾選「點選查詢前不顯示報表內容」，使得報表初始化時展現報表內容。如下圖所示：

2）儲存範本，點選「PC端預覽」，在報表「正文元件」中輸入值華東，點選參數面板按鈕，彈窗顯示正文元件的值。PC 端效果如下圖所示：

App 及HTML5 效果如下圖所示：

點選下載範本：JS實現在報表參數介面獲取元件的值.frm