JS實(shí)現(xiàn)點(diǎn)擊參數(shù)面板按鈕顯示或隱藏?cái)?shù)據(jù)
當(dāng)報(bào)表中列出數(shù)據(jù)太多時(shí),想通過顯示按鈕隱藏明細(xì)數(shù)據(jù)只顯示統(tǒng)計(jì)數(shù)據(jù)。如下圖示例,那么該如何實(shí)現(xiàn)呢?本文以FineReport為例,來講述JS如何實(shí)現(xiàn)點(diǎn)擊參數(shù)面板按鈕顯示或隱藏?cái)?shù)據(jù)。
打開報(bào)表
在參數(shù)面板添加一個(gè)標(biāo)簽控件,控件名為lable,設(shè)置標(biāo)簽控件不可見,控件值為“顯示”。
在參數(shù)面板添加一個(gè)按鈕控件,控件名為button,控件值為“只顯示合計(jì)數(shù)據(jù)”,并添加點(diǎn)擊事件。
編輯點(diǎn)擊事件,添加下面的JavaScript代碼:
點(diǎn)擊參數(shù)面板空白處,將“點(diǎn)擊查詢前不顯示報(bào)表內(nèi)容”屬性的勾去掉。
回到報(bào)表設(shè)計(jì)界面,右鍵B3單元格,添加條件屬性,設(shè)置行高為0毫米,添加公式條件為$label = '隱藏'。
保存模板,點(diǎn)擊分頁預(yù)覽即可看到上圖的效果。
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
Android使用Kotlin實(shí)現(xiàn)多節(jié)點(diǎn)進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了Android使用Kotlin實(shí)現(xiàn)多節(jié)點(diǎn)進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03Android自定義scrollview實(shí)現(xiàn)回彈效果
這篇文章主要為大家詳細(xì)介紹了Android自定義scrollview實(shí)現(xiàn)回彈效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04anndroid使用ViewPager實(shí)現(xiàn)三個(gè)fragment切換
這篇文章主要介紹了anndroid使用ViewPager實(shí)現(xiàn)三個(gè)fragment切換,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04Flutter實(shí)現(xiàn)頂部導(dǎo)航欄功能
這篇文章主要為大家詳細(xì)介紹了Flutter實(shí)現(xiàn)頂部導(dǎo)航欄功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07Android studio 3.0 查看手機(jī)文件系統(tǒng)的方法(超簡單)
本文給大家分享Android studio更新到3.0版本之后,查看手機(jī)文件系統(tǒng)的方法,需要的朋友參考下吧2017-11-11Handler消息傳遞機(jī)制類引入及執(zhí)行流程詳解
這篇文章主要為大家介紹了Handler消息傳遞機(jī)制類引入及執(zhí)行流程詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04Flutter手勢密碼的實(shí)現(xiàn)示例(附demo)
本文主要介紹了Flutter手勢密碼,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-08-08Android自定義View之邊框文字、閃爍發(fā)光文字
這篇文章主要為大家詳細(xì)介紹了Android自定義View之邊框文字、閃爍發(fā)光文字,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01android效果TapBarMenu繪制底部導(dǎo)航欄的使用方式示例
本篇文章主要介紹了android效果TapBarMenu繪制底部導(dǎo)航欄的使用方式,具有一定的參考價(jià)值,有興趣的可以了解一下。2017-01-01