當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

JS實現無需點擊查詢按鈕即可自動查詢

1. 概述

1.1 預期效果

我們内置的查詢界面都要通過點擊查詢按鈕才能查詢出數據,用戶覺得這樣太麻煩,希望直接在輸入參數後就查詢結果,不需要點擊查詢按鈕,或者在填報成功後重新觸發查詢,那麽如何來實現呢?如下圖所示:

222

1.2 實現思路

用戶可以在模板中添加 JS 腳本 _g().parameterCommit() 來觸發查詢事件。

2. 示例

2.1 準備模板

準備一個需要參數查詢,但參數面板不添加查詢按鈕的模板。

打開内置模板 %FR_HOME%\webroot\WEB-INF\reportlets\GettingStarted.cpt,删除參數面板「查詢」按鈕,如下圖所示:

點擊可下載模板:GettingStarted.cpt

222

2.2 添加事件

點擊參數面板的「下拉框控件」,爲其添加一個「編輯後」事件,實現下拉框選擇值後觸發報表查詢的功能,如下圖所示:

image.png

2.3 效果預覽

保存報表,點擊「分頁預覽」,在下拉框控件中選擇某個值後就可自動查詢,PC端效果如 1.1 節所示。

App 及 HTML5 效果如下圖所示:

2020-12-11_14-22-15.gif

3. 模板下載

已完成模板可參見:

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\參數界面JS實例\JS實現無需點擊查詢按鈕即可自動查詢.cpt

點擊下載模板:JS實現無需點擊查詢按鈕即可自動查詢.cpt

附件列表


主題: 原簡體文檔
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

9s后關閉

反饋已提交

網絡繁忙