1. 概述
1.1 預期效果
我們内置的查詢界面都要通過點擊查詢按鈕才能查詢出數據,用戶覺得這樣太麻煩,希望直接在輸入參數後就查詢結果,不需要點擊查詢按鈕,或者在填報成功後重新觸發查詢,那麽如何來實現呢?如下圖所示:
1.2 實現思路
用戶可以在模板中添加 JS 腳本 _g().parameterCommit() 來觸發查詢事件。
2. 示例
2.1 準備模板
準備一個需要參數查詢,但參數面板不添加查詢按鈕的模板。
打開内置模板 %FR_HOME%\webroot\WEB-INF\reportlets\GettingStarted.cpt,删除參數面板「查詢」按鈕,如下圖所示:
點擊可下載模板:GettingStarted.cpt
2.2 添加事件
點擊參數面板的「下拉框控件」,爲其添加一個「編輯後」事件,實現下拉框選擇值後觸發報表查詢的功能,如下圖所示:
2.3 效果預覽
保存報表,點擊「分頁預覽」,在下拉框控件中選擇某個值後就可自動查詢,PC端效果如 1.1 節所示。
App 及 HTML5 效果如下圖所示:
3. 模板下載
已完成模板可參見:
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\參數界面JS實例\JS實現無需點擊查詢按鈕即可自動查詢.cpt
點擊下載模板:JS實現無需點擊查詢按鈕即可自動查詢.cpt