finereport怎么自定義參數(shù)界面?

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

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

打開模板%FR_HOME%WebReportWEB-INF eportletsdemoparameter umber.cpt

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

模板另存為%FR_HOME%WebReportWEB-INF eportletsdemoparameter umber1.cpt

自定義表單界面

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

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

如該例中定義form表單時(shí)沒(méi)有指定action，target的值為嵌入報(bào)表的iframe名字。

另外我們?cè)邳c(diǎn)擊查詢按鈕時(shí)需要先獲取控件值，并且需要進(jìn)行cjkEncode，因此查詢按鈕type使用button，不要使用submit(直接觸發(fā)action)。

表單提交事件

點(diǎn)擊“查詢”按鈕時(shí)，觸發(fā)autoSubmit()，在該方法中通過(guò)js獲取表單控件的值，拼接出完整的報(bào)表訪問(wèn)路徑，并對(duì)最終的url進(jìn)行cjkEncode編碼。

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

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

示例完整代碼

已完成頁(yè)面查看%FR_HOME%WebReport|page_demoparameter.html

關(guān)鍵詞： finereport怎么自定義參數(shù)界面 finereport