FineReport 自定義參數介面開發指南：以 HTML 表單替代內建參數面板

FineReport 支援以自定義 HTML 表單替代內建參數面板，實現更靈活的查詢介面。以下為關鍵實作步驟：

1. 準備報表模板

開啟範本 %FR_HOME%WebReport\WEB-INF\reportlets\demo\parameter\number.cpt，切換至參數面板，取消勾選「顯示參數視窗」與「點擊查詢前不顯示報表內容」，另存為 number1.cpt。

2. 自定義 HTML 表單關鍵點

• form 的 action 指向報表 URL，target 設為嵌入報表的 iframe 名稱。
• 查詢按鈕 type="button"（非 submit），由 JS 收集欄位值、拼接 URL、執行 cjkEncode 編碼後提交。

3. 表單提交事件 autoSubmit()

JS 獲取控件值 → 拼接完整報表 URL → cjkEncode 編碼 → 賦值給 form.action → form.submit()，結果顯示於指定 iframe。

4. 依賴庫

需引入 cjkEncode 原始碼或 finereport.js 以使用編碼函數（參考「Web 傳遞中文參數」文件）。

5. 完整範例代碼與預覽

完成頁面可訪問 %FR_HOME%\WebReport|page_demo\parameter.html 查看效果。