報表管理軟體中如何自定義參數界面及工具欄

FineReport本身自帶多種可編輯控制項,可以實現複雜參數界面的製作。但是有時為了實現與系統界面中控制項的一致性,希望不使用FR內置的參數界面和內置工具欄,而是自己定義參數界面以及工具欄,此時要如何設置呢?下面就通過報表管理軟體FineReport來簡單介紹。

工具/原料

報表管理軟體FineReport7.1.1
大小:148.2M 適用平台:windows/linux

方法/步驟

在網頁中添加如下代碼:

<body>

<!-- 自定義工具欄-->

<div id="toolbar">

<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.gotoFirstPage()">首頁</button>

<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.gotoPreviousPage()">上一頁</button>

<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.gotoNextPage()">下一頁</button>

<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.gotoLastPage()">末頁</button>

<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.flashPrint()">客戶端FLASH列印</button>

<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.exportReportToExcel('page')">導出[Excel](分頁)</button>

<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.exportReportToWord()">導出[Word]</button>

</div>

完整代碼如下

<html>

<head>

<title>FineReport Demo</title>

<meta http-equiv="Content-Type" content="text/html; charset=GBK" />

<script type="text/javascript">

//cjkEncode方法的實現代碼,放在網頁head中或者用戶自己的js文件中

function cjkEncode(text) {

if (text == null) {

return "";

}

var newText = "";

for (var i = 0; i < text.length; i++) {

var code = text.charCodeAt (i);

if (code >= 128 || code == 91 || code == 93) {  //91 is "[", 93 is "]".

newText += "[" + code.toString(16) + "]";

} else {

newText += text.charAt(i);

}

}

return newText;

}

function autoSubmit() {

var num = document.getElementById('num').value; //獲取文本控制項的值

var row = document.getElementById('row').value; //獲取下拉框控制項的值

//拼接出最終報表訪問路徑,並對完整的路徑進行編碼轉換,防止亂碼問題

var reportURL = cjkEncode("/WebReport/ReportServer?reportlet=/demo/parameter/number1.cpt¶=" + num + "&row=" + row);

document.paraForm.action = reportURL; //通過form的name獲取表單,並將報表訪問路徑賦給表單的action

document.paraForm.submit(); //觸發表單提交事件

}

</script>

</head>

<body>

<fieldset>

<legend>查詢表單:</legend>

<form name="paraForm" method="post" target="reportFrame">

最小庫存量:<input type="text" name="num" id="num" value="1"/>

每頁顯示行數:<select name="row" id="row">

<option value="10" select>10

<option value="20">20

<option value="30">30

<input type="button" name="show" value="查詢" onclick="autoSubmit()"/>

</form> <!-- 自定義工具欄-->

<div id="toolbar">

<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.gotoFirstPage()">首頁</button>

<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.gotoPreviousPage()">上一頁</button>

<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.gotoNextPage()">下一頁</button>

<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.gotoLastPage()">末頁</button>

<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.flashPrint()">客戶端FLASH列印</button>

<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.exportReportToExcel('page')">導出[Excel](分頁)</button>

<button type="button" onclick="document.getElementById('reportFrame').contentWindow.contentPane.exportReportToWord()">導出[Word]</button>

</div>

</fieldset>

<iframe id="reportFrame" name="reportFrame" width="100%" height="100%" ></iframe>

</body>

</html>

效果如下圖所示

原作者:FineReport

相關文章

  1. 報表匯總軟體中如何自定義參數界面及工具欄

    FineReport本身自帶多種可編輯控制項,可以實現複雜參數界面的製作.但是有時為了實現與系統界面中控制項的一致性,希望不使用FR內置的參數界面和內置工具欄,而是自己定義參數界面以及工具欄,此時要如何設 ...
  2. 製作報表的軟體中如何自定義參數界面及工具欄

    FineReport本身自帶多種可編輯控制項,可以實現複雜參數界面的製作.但是有時為了實現與系統界面中控制項的一致性,希望不使用FR內置的參數界面和內置工具欄,而是自己定義參數界面以及工具欄,此時要如何設 ...
  3. 數據分析報表中如何自定義參數界面及工具欄

    FineReport本身自帶多種可編輯控制項,可以實現複雜參數界面的製作.但是有時為了實現與系統界面中控制項的一致性,希望不使用FR內置的參數界面和內置工具欄,而是自己定義參數界面以及工具欄,此時要如何設 ...
  4. 報表管理軟體中request、response與session介紹

    下面就通過報表管理軟體FineReport來簡單介紹一下request.response與session. 工具/原料 報表管理軟體FineReport7.1.1 大小:148.2M 適用平台:win ...
  5. 報表管理軟體中針式印表機flash列印不清晰問題

    針式印表機列印不清晰,特別是flash列印,雷射列印正常,下面就通過報表管理軟體FineReport來解決這一問題. 工具/原料 報表管理軟體FineReport7.1.1 大小:148.2M 適用平 ...
  6. 報表設計軟體中如何自定義上傳文件至ftp伺服器

    執行完定時任務之後,如果不需要判斷結果,將導出文件都上傳至ftp,則可直接使用ftp上傳附件,但是需要根據執行結果判斷是否將該結果文件導出並上傳至ftp站點,這是就可以通過自定義附件處理來實現,即定義 ...
  7. 報表管理軟體中WebSphere5.1類加載報錯解決方案

    由於FineReport使用了一些第三方的插件跟WebSphere5.1裡面的插件相同,但是插件版本不同(不同版本間方法的個數與實現可能不同),相同的插件只會加載一個版本如加載了WebSphere5. ...
  8. 報表管理軟體中的定時任務cpr文件內容權限控制

    一般在公司的系統中會有工資選項,在月底的時候就可點擊查看當月的工資信息,即定時的在每個月月底,將當前用戶當月的工資信息掛載在指定的工資節點上,這個該如何實現呢?下面就通過報表管理軟體FineRepor ...
  9. 表格軟體中如何隱藏參數界面向上向下三角按鈕

    我們在預覽帶有參數面板的模板的時候,會發現其參數界面與主體界面交接處有一個三角按鈕,那麼如何隱藏該按鈕呢?下面就通過表格軟體FineReport來簡單介紹一下. 工具/原料 表格軟體FineRepor ...
  10. 報表管理軟體中超鏈到網頁傳遞的中文亂碼問題

    在使用超級連結到網頁傳遞參數時,若值中有中文,會出現亂碼,如下圖所示,那麼如何傳遞讓傳遞的中文值不出現亂碼呢?下面就通過報表管理軟體FineReport來簡單介紹. 工具/原料 報表管理軟體FineR ...
  11. 報表管理軟體中如何通過op=timer直接定時調度

    定時器大多都是通過數據決策系統(op=fs)來設置定時任務的,而實際應用中,客戶可能不需要使用到決策系統,但是卻要定時調度這個 功能,那麼又該怎麼設置定時任務呢?下面就通過報表管理軟體FineRepo ...
  12. 報表軟體FineReport中如何設置自定義參數界面

    用戶系統可能已經使用自己框架如.net.jquery.ext等中的控制項實現了條件查詢界面,不需要再使用FR內置的參數界面,此時如何將用戶表單控制項的值傳遞給報表呢?下面通過報表軟體FineReport來 ...
  13. 報表管理軟體FineReport中如何設置自定義提交

    用戶在做填報報表時,希望點擊提交按鈕並不是往資料庫中填報數據,而是要獲取到填報頁面的數據進行進一步處理,這個該如何解決呢?下面就通過報表管理軟體FineReport來進行介紹. 工具/原料 報表管理軟 ...
  14. excel報表FineReport中如何設置自定義參數界面

    用戶系統可能已經使用自己框架如.net.jquery.ext等中的控制項實現了條件查詢界面,不需要再使用FR內置的參數界面,此時如何將用戶表單控制項的值傳遞給報表呢?下面通過excel報表FineRepo ...
  15. 報表管理軟體FineReport中自定義列印按鈕介紹

    下面通過報表管理軟體FineReport來簡單介紹一下. 工具/原料 報表管理軟體FineReport7.1.1 大小:148.2M 適用平台:windows/linux 方法/步驟 用戶系統已經自己 ...
  16. 報表生成器FineReport中如何設置自定義參數界面

    用戶系統可能已經使用自己框架如.net.jquery.ext等中的控制項實現了條件查詢界面,不需要再使用FR內置的參數界面,此時如何將用戶表單控制項的值傳遞給報表呢?下面通過報表生成器FineReport ...
  17. 在報表統計軟體中如何進行報表參數的多值查詢

    報表參數的多值查詢關鍵的就是設置過濾條件,我們就以下拉複選框為例來介紹下多值查詢的過濾條件的設置,下面就以報表統計軟體FineReport來演示一下. 工具/原料 報表統計軟體FineReport7. ...
  18. 報表開發軟體中如何給session賦值實現參數共享

    若有幾張不同的報表,每張報表都有一個共同的項可以選擇,比如日期時間.我們希望選擇了第一張報表的時間之後,其他報表的默認時間都變為第一張報表選擇的時間,此時要如何實現呢?下面就通過報表開發軟體FineR ...
  19. web報表設計軟體中的參數如何過濾

    用戶在參數查詢界面的控制項中輸入參數值,點擊查詢按鈕,就將相應的數據查詢出來了,這就是參數的過濾.下面就通過web報表設計軟體FineReport進行介紹. 工具/原料 web報表設計軟體FineRep ...
  20. 表單設計器FineReport中如何設置自定義參數界面

    用戶系統可能已經使用自己框架如.net.jquery.ext等中的控制項實現了條件查詢界面,不需要再使用FR內置的參數界面,此時如何將用戶表單控制項的值傳遞給報表呢?下面通過表單設計器FineReport ...