JS實現無需點選查詢按鈕即可自動查詢.cpt

1.1 版本

1.2 預期效果

我們內建查詢介面都要透過點選查詢按鈕才能查詢出資料，使用者覺得這樣太麻煩，希望直接在輸入參數後就查詢結果，不需要點選查詢按鈕，或者在填報成功後重新觸發查詢，那麼如何來實現呢？如下圖所示：

1.3 實現思路

使用者可以在範本中新增 JS 腳本 _g().parameterCommit() 來觸發查詢事件。

注1：同樣適用於決策報表。

注2：本文方案為全局重新整理，若只想重新整理指定物件，可參考文檔 下拉框和圖表聯動 。

2.1 準備範本

準備一個需要參數查詢，但參數面板不新增查詢按鈕的範本。

開啟內建範本 %FR_HOME%\webroot\WEB-INF\reportlets\GettingStarted.cpt，刪除參數面板「查詢」按鈕，如下圖所示：

2.2 新增事件

點選參數面板的「下拉框元件」，為其新增一個「編輯後」事件，實現下拉框選擇值後觸發報表查詢的功能，如下圖所示：

JavaScript 代碼如下：

注：預覽時，若出現報錯顯示無法讀取未定義的屬性，可爲代碼添加一個延遲函數，詳情可查看：二次開發常見問題

_g().parameterCommit();

2.3 效果預覽

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

App 及 HTML5 效果如下圖所示：

點選下載範本：JS實現無需點選查詢按鈕即可自動查詢.cpt.cpt