finereport|finereport要怎么自定義參數(shù)界面，finereport自定義參數(shù)界面的方法

軟件等級：

更新時間：2016-12-27

版本號：v8.1.0

finereport報表工具官方版下載

立即下載

在finereport可以使用自定義的方式實現(xiàn)條件表單界面，這樣就可以不使用finereport中的內(nèi)置參數(shù)。下面小編就為大家介紹一下finereport怎么自定義參數(shù)界面

我們以html網(wǎng)頁為例簡單說明，最終效果如下：

打開模板%FR_HOME%WebReport\WEB-INF\reportlets\demo\parameter\number.cpt

切換至參數(shù)界面，在左上角的設(shè)置按鈕中，去掉顯示參數(shù)窗體和點擊查詢前不顯示報表內(nèi)容兩個選項前的勾，如下圖

模板另存為%FR_HOME%WebReport\WEB-INF\reportlets\demo\parameter\number1.cpt

自定義表單界面

實際系統(tǒng)中使用的框架不同，控件的種類和定義方法也不同，因此如上圖中的表單查詢界面我們不做介紹，用戶自行實現(xiàn)，該例使用最簡單的html元素。

主要注意的是form表單的action地址及表單提交結(jié)果顯示位置target；

如該例中定義form表單時沒有指定action，target的值為嵌入報表的iframe名字。

另外我們在點擊查詢按鈕時需要先獲取控件值，并且需要進行cjkEncode，因此查詢按鈕type使用button，不要使用submit（直接觸發(fā)action）。

表單提交事件

點擊“查詢”按鈕時，觸發(fā)autoSubmit()，在該方法中通過js獲取表單控件的值，拼接出完整的報表訪問路徑，并對最終的url進行cjkEncode編碼。

將最終的報表url賦給form的action，并觸發(fā)提交，返回的報表結(jié)果就會顯示在指定的iframe中。

注：需要引入cjkEncode源碼或finereport.js才能使用cjkEncode方法，詳見Web傳遞中文參數(shù)文檔。

示例完整代碼

已完成頁面查看%FR_HOME%\WebReport page_demo\parameter.html