資訊專欄INFORMATION COLUMN
摘要：當(dāng)報表中列出數(shù)據(jù)太多時，想通過顯示按鈕隱藏明細(xì)數(shù)據(jù)只顯示統(tǒng)計數(shù)據(jù)。如下圖示例，那么該如何實現(xiàn)呢本文以為例，來講述如何實現(xiàn)點擊參數(shù)面板按鈕顯示或隱藏數(shù)據(jù)。打開報表在參數(shù)面板添加一個標(biāo)簽控件，控件名為，設(shè)置標(biāo)簽控件不可見，控件值為顯示。
當(dāng)報表中列出數(shù)據(jù)太多時，想通過顯示按鈕隱藏明細(xì)數(shù)據(jù)只顯示統(tǒng)計數(shù)據(jù)。如下圖示例，那么該如何實現(xiàn)呢？本文以FineReport為例，來講述JS如何實現(xiàn)點擊參數(shù)面板按鈕顯示或隱藏數(shù)據(jù)。
打開報表
在參數(shù)面板添加一個標(biāo)簽控件，控件名為lable，設(shè)置標(biāo)簽控件不可見，控件值為“顯示”。
在參數(shù)面板添加一個按鈕控件，控件名為button，控件值為“只顯示合計數(shù)據(jù)”，并添加點擊事件。
編輯點擊事件，添加下面的JavaScript代碼：
/*獲取隱藏的標(biāo)簽控件的值*/
var label= this.options.form.getWidgetByName("label").getValue();
/*判斷標(biāo)簽控件的值*/
if(label=="顯示")
{
/*當(dāng)標(biāo)簽控件的值為顯示時，則改為隱藏，并修改按鈕名稱為顯示所有數(shù)據(jù)*/
this.options.form.getWidgetByName("label").setValue("隱藏");
this.options.form.getWidgetByName("button").setValue("顯示所有數(shù)據(jù)");
}
else
{
/*當(dāng)標(biāo)簽控件的值不為顯示時，則改為顯示，并修改按鈕名稱為只顯示合計數(shù)據(jù)*/
this.options.form.getWidgetByName("label").setValue("顯示");
this.options.form.getWidgetByName("button").setValue("只顯示合計數(shù)據(jù)");
}
/*執(zhí)行查詢*/
_g().parameterCommit();
點擊參數(shù)面板空白處，將“點擊查詢前不顯示報表內(nèi)容”屬性的勾去掉。
回到報表設(shè)計界面，右鍵B3單元格，添加條件屬性，設(shè)置行高為0毫米，添加公式條件為$label = "隱藏"。
保存模板，點擊分頁預(yù)覽即可看到上圖的效果。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/86798.html
摘要：百度前端技術(shù)學(xué)院上有一個任務(wù)，要實現(xiàn)一個日期選擇組件，本文由此而來看看需求組件默認(rèn)一直呈顯示狀態(tài)通過某種方式選擇年月，選擇了年月后，日期列表做相應(yīng)切換通過單擊某個具體的日期進(jìn)行日期選擇組件初始化時，可配置可選日期的上下限。 百度前端技術(shù)學(xué)院上有一個任務(wù)，要實現(xiàn)一個日期選擇組件，本文由此而來~ 看看需求 組件默認(rèn)一直呈顯示狀態(tài) 通過某種方式選擇年、月，選擇了年月后，日期列表做相應(yīng)切換 ...
摘要：百度前端技術(shù)學(xué)院上有一個任務(wù)，要實現(xiàn)一個日期選擇組件，本文由此而來看看需求組件默認(rèn)一直呈顯示狀態(tài)通過某種方式選擇年月，選擇了年月后，日期列表做相應(yīng)切換通過單擊某個具體的日期進(jìn)行日期選擇組件初始化時，可配置可選日期的上下限。 百度前端技術(shù)學(xué)院上有一個任務(wù)，要實現(xiàn)一個日期選擇組件，本文由此而來~ 看看需求 組件默認(rèn)一直呈顯示狀態(tài) 通過某種方式選擇年、月，選擇了年月后，日期列表做相應(yīng)切換 ...
摘要：類似一個文本編輯器。顯示請求瀑布流?；谄骄降木W(wǎng)絡(luò)速度和設(shè)備性能作出的評估。方便開發(fā)者少用鼠標(biāo)。而在面板中是打開具體文件。顧名思義，觀察這個斷點發(fā)生之前，被調(diào)用過的函數(shù)。在開發(fā)者工具的中，我們可以設(shè)置永久名單。 簡單復(fù)習(xí)各個面板 Elements 瀏覽DOM樹，瀏覽樣式。 Console 一個REPL。 小技巧： 在任何非Console面板中，按ESC可以調(diào)出一個小的Console...
摘要：今天，我打算向你們展示如何用原生做一款谷歌插件不依靠任何諸如或者框架的原生。我將向你們展示如何從零開始打造一款簡易的谷歌插件。關(guān)于谷歌插件從本質(zhì)上來說，一款谷歌插件只是一些用來定制瀏覽體驗的文件。 今天，我打算向你們展示如何用原生JavaScript做一款谷歌插件----不依靠任何諸如React、Angular或者Vue框架的原生JS。 做一款谷歌插件并沒有那么困難——在學(xué)習(xí)編程的第一...
閱讀 1379·2023-04-25 19:33
閱讀 1242·2021-10-21 09:39
閱讀 3711·2021-09-09 09:32
閱讀 2716·2019-08-30 10:58
閱讀 1722·2019-08-29 16:17
閱讀 933·2019-08-29 15:29
閱讀 2963·2019-08-26 11:55
閱讀 2726·2019-08-26 10:33
