1. 概述
1.1 問題描述
在實際項目中,使用決策報表的時候,有時會用到在決策報表參數面板獲取報儲存格件的值,那麼該如何實現呢?
1.2 實現思路
使用 JS 獲取報表主體的元件值:
_g().getWidgetByName("area").getValue(); //獲取報表主體元件area的元件值
注:該方案支援新版決策報表。
2. 範例
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 效果如下圖所示:
3. 範本下載
點選下載範本:JS實現在報表參數介面獲取元件的值.frm