JS實現點選引數皮膚按鈕顯示或隱藏資料

傑華園發表於2017-03-08
JS

當報表中列出資料太多時，想透過顯示按鈕隱藏明細資料只顯示統計資料。如下圖示例，那麼該如何實現呢？本文以FineReport為例，來講述JS如何實現點選引數皮膚按鈕顯示或隱藏資料。

開啟報表

在引數皮膚新增一個標籤控制元件，控制元件名為lable，設定標籤控制元件不可見，控制元件值為“顯示”。

在引數皮膚新增一個按鈕控制元件，控制元件名為button，控制元件值為“只顯示合計資料”，並新增點選事件。

編輯點選事件，新增下面的JavaScript程式碼：


點選(此處)摺疊或開啟

  1. /*獲取隱藏的標籤控制元件的值*/
  2. var label= this.options.form.getWidgetByName("label").getValue();
  3.  
  4. /*判斷標籤控制元件的值*/
  5. if(label=='顯示')
  6. {
  7. /*當標籤控制元件的值為顯示時，則改為隱藏，並修改按鈕名稱為顯示所有資料*/
  8. this.options.form.getWidgetByName("label").setValue("隱藏");
  9. this.options.form.getWidgetByName("button").setValue("顯示所有資料");
  10. }
  11. else
  12. {
  13. /*當標籤控制元件的值不為顯示時，則改為顯示，並修改按鈕名稱為只顯示合計資料*/
  14. this.options.form.getWidgetByName("label").setValue("顯示");
  15. this.options.form.getWidgetByName("button").setValue("只顯示合計資料");
  16. }
  17.  
  18. /*執行查詢*/
  19. _g().parameterCommit();

點選引數皮膚空白處，將“點選查詢前不顯示報表內容”屬性的勾去掉。

回到報表設計介面，右鍵B3單元格，新增條件屬性，設定行高為0毫米，新增公式條件為$label = '隱藏'。

儲存模板，點選分頁預覽即可看到上圖的效果。

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/21472864/viewspace-2134895/，如需轉載，請註明出處，否則將追究法律責任。

相關文章