JS實(shí)現(xiàn)點(diǎn)擊參數(shù)面板按鈕顯示或隱藏?cái)?shù)據(jù)
當(dāng)報(bào)表中列出數(shù)據(jù)太多時(shí)，想通過(guò)顯示按鈕隱藏明細(xì)數(shù)據(jù)只顯示統(tǒng)計(jì)數(shù)據(jù)。如下圖示例，那么該如何實(shí)現(xiàn)呢？本文以FineReport為例，來(lái)講述JS如何實(shí)現(xiàn)點(diǎn)擊參數(shù)面板按鈕顯示或隱藏?cái)?shù)據(jù)。
打開(kāi)報(bào)表
在參數(shù)面板添加一個(gè)標(biāo)簽控件，控件名為lable，設(shè)置標(biāo)簽控件不可見(jiàn)，控件值為“顯示”。
在參數(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è)預(yù)覽即可看到上圖的效果。
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
Android ScrollView 下嵌套 ListView 或 GridView出現(xiàn)問(wèn)題解決辦法
這篇文章主要介紹了ScrollView 下嵌套 ListView 或 GridView 會(huì)發(fā)列表現(xiàn)數(shù)據(jù)只能顯示一行。因?yàn)樗麄兌际菨L動(dòng)結(jié)構(gòu)，兩個(gè)滾動(dòng)條放到一起就會(huì)引起沖突，這里提供解決辦法相關(guān)資料,需要的朋友可以參考下2017-07-07
Android?Camera實(shí)現(xiàn)旋轉(zhuǎn)角度
這篇文章主要為大家詳細(xì)介紹了Android?Camera實(shí)現(xiàn)旋轉(zhuǎn)角度，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
Android實(shí)現(xiàn)類似微信的文本輸入框 效果
本文給大家介紹一下微信的文本輸入框是如何實(shí)現(xiàn)的，其實(shí)那只是個(gè)普通的文本框設(shè)了一個(gè)特殊的背景而已。具體微信怎么實(shí)現(xiàn)的，大家可以反編譯下，這里介紹下如何實(shí)現(xiàn)這個(gè)背景2017-05-05
這篇文章主要介紹了Android仿QQ空間頂部條背景變化效果 ,qq空間的這個(gè)頁(yè)面其實(shí)很簡(jiǎn)單，感興趣的朋友跟隨腳本之家小編一起看看吧2018-04-04
本文主要介紹Android 實(shí)現(xiàn)雙擊退出,這里給大家提供代碼示例,方便大家理解查看,有需要的小伙伴可以參考下2016-07-07
設(shè)置Android系統(tǒng)永不鎖屏永不休眠的方法
在進(jìn)行Android系統(tǒng)開(kāi)發(fā)的時(shí)候，有些特定的情況需要設(shè)置系統(tǒng)永不鎖屏，永不休眠。本篇文章給大家介紹Android 永不鎖屏，開(kāi)機(jī)不鎖屏，刪除設(shè)置中休眠時(shí)間選項(xiàng)，需要的朋友一起學(xué)習(xí)吧2016-03-03
這篇文章主要介紹了Android自定義ViewGroup橫向布局，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
Android學(xué)習(xí)教程之九宮格圖片展示（13）
這篇文章主要為大家詳細(xì)介紹了Android學(xué)習(xí)教程之九宮格圖片展示代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
Android檢測(cè)Cursor泄漏的原理以及使用方法
本文介紹如何在 Android 檢測(cè) Cursor 泄漏的原理以及使用方法，還指出幾種常見(jiàn)的出錯(cuò)示例,同時(shí)該方法同樣適合于其他需要檢測(cè)資源泄露的情況,感興趣的朋友可以了解下2013-01-01
這篇文章主要介紹了Android仿京東首頁(yè)輪播文字效果,又名垂直跑馬燈,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10