摘要:當報表中列出數據太多時,想通過顯示按鈕隱藏明細數據只顯示統計數據。如下圖示例,那么該如何實現呢本文以為例,來講述如何實現點擊參數面板按鈕顯示或隱藏數據。打開報表在參數面板添加一個標簽控件,控件名為,設置標簽控件不可見,控件值為顯示。
當報表中列出數據太多時,想通過顯示按鈕隱藏明細數據只顯示統計數據。如下圖示例,那么該如何實現呢?本文以FineReport為例,來講述JS如何實現點擊參數面板按鈕顯示或隱藏數據。
打開報表
在參數面板添加一個標簽控件,控件名為lable,設置標簽控件不可見,控件值為“顯示”。
在參數面板添加一個按鈕控件,控件名為button,控件值為“只顯示合計數據”,并添加點擊事件。
編輯點擊事件,添加下面的JavaScript代碼:
/*獲取隱藏的標簽控件的值*/ 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 = "隱藏"。
保存模板,點擊分頁預覽即可看到上圖的效果。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/86798.html
摘要:百度前端技術學院上有一個任務,要實現一個日期選擇組件,本文由此而來看看需求組件默認一直呈顯示狀態通過某種方式選擇年月,選擇了年月后,日期列表做相應切換通過單擊某個具體的日期進行日期選擇組件初始化時,可配置可選日期的上下限。 百度前端技術學院上有一個任務,要實現一個日期選擇組件,本文由此而來~ 看看需求 組件默認一直呈顯示狀態 通過某種方式選擇年、月,選擇了年月后,日期列表做相應切換 ...
摘要:百度前端技術學院上有一個任務,要實現一個日期選擇組件,本文由此而來看看需求組件默認一直呈顯示狀態通過某種方式選擇年月,選擇了年月后,日期列表做相應切換通過單擊某個具體的日期進行日期選擇組件初始化時,可配置可選日期的上下限。 百度前端技術學院上有一個任務,要實現一個日期選擇組件,本文由此而來~ 看看需求 組件默認一直呈顯示狀態 通過某種方式選擇年、月,選擇了年月后,日期列表做相應切換 ...
摘要:類似一個文本編輯器。顯示請求瀑布流?;谄骄降木W絡速度和設備性能作出的評估。方便開發者少用鼠標。而在面板中是打開具體文件。顧名思義,觀察這個斷點發生之前,被調用過的函數。在開發者工具的中,我們可以設置永久名單。 簡單復習各個面板 Elements 瀏覽DOM樹,瀏覽樣式。 Console 一個REPL。 小技巧: 在任何非Console面板中,按ESC可以調出一個小的Console...
摘要:今天,我打算向你們展示如何用原生做一款谷歌插件不依靠任何諸如或者框架的原生。我將向你們展示如何從零開始打造一款簡易的谷歌插件。關于谷歌插件從本質上來說,一款谷歌插件只是一些用來定制瀏覽體驗的文件。 今天,我打算向你們展示如何用原生JavaScript做一款谷歌插件----不依靠任何諸如React、Angular或者Vue框架的原生JS。 做一款谷歌插件并沒有那么困難——在學習編程的第一...
閱讀 1289·2023-04-25 19:33
閱讀 1171·2021-10-21 09:39
閱讀 3644·2021-09-09 09:32
閱讀 2614·2019-08-30 10:58
閱讀 1599·2019-08-29 16:17
閱讀 873·2019-08-29 15:29
閱讀 2885·2019-08-26 11:55
閱讀 2657·2019-08-26 10:33