亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

JS實(shí)現(xiàn)點(diǎn)擊參數(shù)面板按鈕顯示或隱藏?cái)?shù)據(jù)

jeyhan / 900人閱讀

摘要：當(dāng)報(bào)表中列出數(shù)據(jù)太多時(shí)，想通過(guò)顯示按鈕隱藏明細(xì)數(shù)據(jù)只顯示統(tǒng)計(jì)數(shù)據(jù)。如下圖示例，那么該如何實(shí)現(xiàn)呢本文以為例，來(lái)講述如何實(shí)現(xiàn)點(diǎn)擊參數(shù)面板按鈕顯示或隱藏?cái)?shù)據(jù)。打開(kāi)報(bào)表在參數(shù)面板添加一個(gè)標(biāo)簽控件，控件名為，設(shè)置標(biāo)簽控件不可見(jiàn)，控件值為顯示。

當(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代碼：

/*獲取隱藏的標(biāo)簽控件的值*/
var label= this.options.form.getWidgetByName("label").getValue();

/*判斷標(biāo)簽控件的值*/
if(label=="顯示")
{
    /*當(dāng)標(biāo)簽控件的值為顯示時(shí)，則改為隱藏，并修改按鈕名稱為顯示所有數(shù)據(jù)*/
    this.options.form.getWidgetByName("label").setValue("隱藏");
    this.options.form.getWidgetByName("button").setValue("顯示所有數(shù)據(jù)");
}
else
{
    /*當(dāng)標(biāo)簽控件的值不為顯示時(shí)，則改為顯示，并修改按鈕名稱為只顯示合計(jì)數(shù)據(jù)*/
    this.options.form.getWidgetByName("label").setValue("顯示");        
    this.options.form.getWidgetByName("button").setValue("只顯示合計(jì)數(shù)據(jù)");
}

/*執(zhí)行查詢*/
_g().parameterCommit();

點(diǎn)擊參數(shù)面板空白處，將“點(diǎn)擊查詢前不顯示報(bào)表內(nèi)容”屬性的勾去掉。

回到報(bào)表設(shè)計(jì)界面，右鍵B3單元格，添加條件屬性，設(shè)置行高為0毫米，添加公式條件為$label = "隱藏"。

保存模板，點(diǎn)擊分頁(yè)預(yù)覽即可看到上圖的效果。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/86798.html

相關(guān)文章

  • 怎樣實(shí)現(xiàn)一個(gè)datePicker（日期選擇）組件

    摘要：百度前端技術(shù)學(xué)院上有一個(gè)任務(wù)，要實(shí)現(xiàn)一個(gè)日期選擇組件，本文由此而來(lái)看看需求組件默認(rèn)一直呈顯示狀態(tài)通過(guò)某種方式選擇年月，選擇了年月后，日期列表做相應(yīng)切換通過(guò)單擊某個(gè)具體的日期進(jìn)行日期選擇組件初始化時(shí)，可配置可選日期的上下限。 百度前端技術(shù)學(xué)院上有一個(gè)任務(wù)，要實(shí)現(xiàn)一個(gè)日期選擇組件，本文由此而來(lái)~ 看看需求 組件默認(rèn)一直呈顯示狀態(tài) 通過(guò)某種方式選擇年、月，選擇了年月后，日期列表做相應(yīng)切換 ...

    layman 評(píng)論0 收藏0

  • 怎樣實(shí)現(xiàn)一個(gè)datePicker（日期選擇）組件

    摘要：百度前端技術(shù)學(xué)院上有一個(gè)任務(wù)，要實(shí)現(xiàn)一個(gè)日期選擇組件，本文由此而來(lái)看看需求組件默認(rèn)一直呈顯示狀態(tài)通過(guò)某種方式選擇年月，選擇了年月后，日期列表做相應(yīng)切換通過(guò)單擊某個(gè)具體的日期進(jìn)行日期選擇組件初始化時(shí)，可配置可選日期的上下限。 百度前端技術(shù)學(xué)院上有一個(gè)任務(wù)，要實(shí)現(xiàn)一個(gè)日期選擇組件，本文由此而來(lái)~ 看看需求 組件默認(rèn)一直呈顯示狀態(tài) 通過(guò)某種方式選擇年、月，選擇了年月后，日期列表做相應(yīng)切換 ...

    beanlam 評(píng)論0 收藏0

  • 【理解chrome開(kāi)發(fā)者工具】 part1 編輯與調(diào)試

    摘要：類似一個(gè)文本編輯器。顯示請(qǐng)求瀑布流?；谄骄降木W(wǎng)絡(luò)速度和設(shè)備性能作出的評(píng)估。方便開(kāi)發(fā)者少用鼠標(biāo)。而在面板中是打開(kāi)具體文件。顧名思義，觀察這個(gè)斷點(diǎn)發(fā)生之前，被調(diào)用過(guò)的函數(shù)。在開(kāi)發(fā)者工具的中，我們可以設(shè)置永久名單。 簡(jiǎn)單復(fù)習(xí)各個(gè)面板 Elements 瀏覽DOM樹(shù)，瀏覽樣式。 Console 一個(gè)REPL。 小技巧： 在任何非Console面板中，按ESC可以調(diào)出一個(gè)小的Console...

    Shisui 評(píng)論0 收藏0

  • 如何用原生JavaScript打造一款簡(jiǎn)易谷歌插件

    摘要：今天，我打算向你們展示如何用原生做一款谷歌插件不依靠任何諸如或者框架的原生。我將向你們展示如何從零開(kāi)始打造一款簡(jiǎn)易的谷歌插件。關(guān)于谷歌插件從本質(zhì)上來(lái)說(shuō)，一款谷歌插件只是一些用來(lái)定制瀏覽體驗(yàn)的文件。 今天，我打算向你們展示如何用原生JavaScript做一款谷歌插件----不依靠任何諸如React、Angular或者Vue框架的原生JS。 做一款谷歌插件并沒(méi)有那么困難——在學(xué)習(xí)編程的第一...

    Michael_Lin 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

jeyhan

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<