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-03
Android自定義scrollview實(shí)現(xiàn)回彈效果
這篇文章主要為大家詳細(xì)介紹了Android自定義scrollview實(shí)現(xiàn)回彈效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
anndroid使用ViewPager實(shí)現(xiàn)三個(gè)fragment切換
這篇文章主要介紹了anndroid使用ViewPager實(shí)現(xiàn)三個(gè)fragment切換,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04
Flutter實(shí)現(xiàn)頂部導(dǎo)航欄功能
這篇文章主要為大家詳細(xì)介紹了Flutter實(shí)現(xiàn)頂部導(dǎo)航欄功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
Android studio 3.0 查看手機(jī)文件系統(tǒng)的方法(超簡單)
本文給大家分享Android studio更新到3.0版本之后，查看手機(jī)文件系統(tǒng)的方法，需要的朋友參考下吧2017-11-11
Handler消息傳遞機(jī)制類引入及執(zhí)行流程詳解
這篇文章主要為大家介紹了Handler消息傳遞機(jī)制類引入及執(zhí)行流程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
Flutter手勢密碼的實(shí)現(xiàn)示例(附demo)
本文主要介紹了Flutter手勢密碼，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家詳細(xì)介紹了Android組件ListView列表的簡單使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
Android自定義View之邊框文字、閃爍發(fā)光文字
這篇文章主要為大家詳細(xì)介紹了Android自定義View之邊框文字、閃爍發(fā)光文字，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
android效果TapBarMenu繪制底部導(dǎo)航欄的使用方式示例
本篇文章主要介紹了android效果TapBarMenu繪制底部導(dǎo)航欄的使用方式，具有一定的參考價(jià)值，有興趣的可以了解一下。2017-01-01