資訊專欄INFORMATION COLUMN
FineReport支持多種不同的導出方式，直接使用FineReport內置導出按鈕可以非常快捷方便的來對各種格式的輸出，但是我們在web頁面集成中的時候，往往只想將報表內容嵌入到iframe中，而工具欄以及工具欄上的按鈕都會隱藏掉，而使用web頁面自定義的按鈕，那么，此時，這種自定義按鈕如何實現導出呢？
如上圖所示，新建一個html頁面，定義一個工具欄和一個iframe，工具欄中定義上圖所示的按鈕，iframe中嵌入FineReport中的報表，如下圖：
FineReport報表設置
打開設計器，找到上面web頁面中嵌入的那張模板，由于要使用自定義按鈕作為工具欄，那么FineReport報表內置的工具欄就無需顯示出來。點擊模板>模板web屬性>分頁預覽設置，去掉使用工具欄前面的勾選，如下圖：
自定義導出按鈕
Web頁面中定義了9個自定義導出按鈕，那么怎樣才能實現導出操作呢？
FineReport導出操作的JS接口為：
導出PDF：exportReportToPDF()
導出Excel：exportReportToExcel("page")
導出Excel：exportReportToExcel("simple")
導出Excel：exportReportToExcel("sheet")
導出Excel：exportReportToExcel("page_isExcel2003")
導出Excel：exportReportToExcel("page_isExcel2003")
導出Excel：exportReportToExcel("page_isExcel2003")
導出[圖片]：exportReportToImage("gif")【括號里面可以更換參數，比如說png，jpg等等圖片類型】
導出[word]：exportReportToWord()
故，各個按鈕的點擊事件應用調用上述的JS接口來實現其對應的導出格式，比如說導出PDF，那么其按鈕的onclick時間為：
onclick="document.getElementById("reportFrame").contentWindow.contentPane.exportReportToPDF()"
docment.getElementById("reportFrame")是獲取到iframe框架，然后通過contentWindow得到報表窗口，并拿到contentPane這個報表容器，最后就可以從容器中調用各種導出接口的方法了。
其他的幾個按鈕的導出事件這里就不一一講解了。
完整代碼
根據上述同樣的方法為其他幾個按鈕添加導出事件，完整代碼如下：
FineReport自定義導出
效果查看
點擊不同的按鈕，即可看到其導出的結果：
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/88142.html
摘要：如果報表嵌在網頁的中，在外獲取對象如下常用方法方法說明獲取指定單元格中的控件獲取指定名字的控件獲取指定名稱的擴展控件，返回一個數組表單預覽或參數界面，都有一個對象。 上次介紹FineReport的JS API中的第一類開發--FR，這次就來介紹一下FS和contentWindow類的開發。1 FSFS是數據決策系統中的js接口，比如說FS.tabPane.addItem，先介紹幾類操作...
摘要：移動端報表使用方法安裝好插件后，在瀏覽器中調用時，需要在報表路徑后面加上參數。另外移動端的插件，圖表是只支持顯示新圖表。 HTML5報表插件安裝及使用編輯 插件安裝插件網址以及設計器插件安裝方法和服務器安裝插件的方法可以官網上面搜索，這里就不做詳細介紹了。 移動端HTML5報表使用方法安裝好插件后，在瀏覽器中調用時，需要在報表路徑后面加上參數op=h5。但是PC端不完全支持H5效果。移...
摘要：描述連接多維數據庫，首先要通過數據連接將多維數據庫與連接起來，然后在數據連接的基礎上新建多維數據庫數據集，用于模板設計。詳細設置查看連接數據連接建立好之后，就可以添加多維數據庫數據集。 1. 描述FineReport連接多維數據庫，首先要通過數據連接將多維數據庫與FineReport連接起來，然后在數據連接的基礎上新建多維數據庫XMLA數據集，用于模板設計。2.XMLA數據連接2.1描...
閱讀 1133·2023-04-26 02:46
閱讀 634·2023-04-25 19:38
閱讀 647·2021-10-14 09:42
閱讀 1247·2021-09-08 09:36
閱讀 1363·2019-08-30 15:44
閱讀 1329·2019-08-29 17:23
閱讀 2247·2019-08-29 15:27
閱讀 810·2019-08-29 14:15
