帆軟報表(finereport)JS實現點擊參數面板按鈕顯示或隱藏數據
阿新 • • 發佈:2019-05-07
nta commit () 不可見 tools cin 界面 不顯示 widget
當報表中列出數據太多時,想通過顯示按鈕隱藏明細數據只顯示統計數據。如下圖示例,那麽該如何實現呢?本文以FineReport為例,來講述JS如何實現點擊參數面板按鈕顯示或隱藏數據。
打開報表
在參數面板添加一個標簽控件,控件名為lable,設置標簽控件不可見,控件值為“顯示”。
在參數面板添加一個按鈕控件,控件名為button,控件值為“只顯示合計數據”,並添加點擊事件。
編輯點擊事件,添加下面的JavaScript代碼:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
/*獲取隱藏的標簽控件的值*/
var label= this .options.form.getWidgetByName( "label" ).getValue();
/*判斷標簽控件的值*/
if (label== ‘顯示‘ )
{
/*當標簽控件的值為顯示時,則改為隱藏,並修改按鈕名稱為顯示所有數據*/
this .options.form.getWidgetByName( "label" ).setValue( "隱藏" );
this .options.form.getWidgetByName( "button" ).setValue( "顯示所有數據" );
}
else {
/*當標簽控件的值不為顯示時,則改為顯示,並修改按鈕名稱為只顯示合計數據*/
this .options.form.getWidgetByName( "label" ).setValue( "顯示" );
this .options.form.getWidgetByName( "button" ).setValue( "只顯示合計數據" );
}
/*執行查詢*/
_g().parameterCommit();
|
點擊參數面板空白處,將“點擊查詢前不顯示報表內容”屬性的勾去掉。
回到報表設計界面,右鍵B3單元格,添加條件屬性,設置行高為0毫米,添加公式條件為$label = ‘隱藏‘。
保存模板,點擊分頁預覽即可看到上圖的效果。
帆軟報表(finereport)JS實現點擊參數面板按鈕顯示或隱藏數據