FineReport中JS怎么自定義按鈕導出，針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比宿城網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式宿城網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們，業(yè)務覆蓋宿城地區(qū)。費用合理售后完善，十載實體公司更值得信賴。

FineReport支持多種不同的導出方式，直接使用FineReport內(nèi)置導出按鈕可以非?？旖莘奖愕膩韺Ω鞣N格式的輸出，但是我們在web頁面集成中的時候，往往只想將報表內(nèi)容嵌入到iframe中，而工具欄以及工具欄上的按鈕都會隱藏掉，而使用web頁面自定義的按鈕，那么，此時，這種自定義按鈕如何實現(xiàn)導出呢？ 

如上圖所示，新建一個html頁面，定義一個工具欄和一個iframe，工具欄中定義上圖所示的按鈕，iframe中嵌入FineReport中的報表，如下圖： 

FineReport報表設置

打開設計器，找到上面web頁面中嵌入的那張模板，由于要使用自定義按鈕作為工具欄，那么FineReport報表內(nèi)置的工具欄就無需顯示出來。點擊模板>模板web屬性>分頁預覽設置，去掉使用工具欄前面的勾選，如下圖：

自定義導出按鈕

Web頁面中定義了9個自定義導出按鈕，那么怎樣才能實現(xiàn)導出操作呢？

FineReport導出操作的JS接口為：

導出PDF：exportReportToPDF()

導出[Excel](分頁)：exportReportToExcel('page')

導出[Excel](原樣)：exportReportToExcel('simple')

導出[Excel](分頁分sheet)：exportReportToExcel('sheet')

導出[Excel](分頁導出xls格式)：exportReportToExcel('page_isExcel2003')

導出[Excel](原樣導出xls格式)：exportReportToExcel('page_isExcel2003')

導出[Excel](分頁分sheet導出xls格式)：exportReportToExcel('page_isExcel2003')

導出[圖片]：exportReportToImage('gif')【括號里面可以更換參數(shù)，比如說png，jpg等等圖片類型】

導出[word]：exportReportToWord()

故，各個按鈕的點擊事件應用調(diào)用上述的JS接口來實現(xiàn)其對應的導出格式，比如說導出PDF，那么其按鈕的onclick時間為：

 onclick="document.getElementById('reportFrame').contentWindow.contentPane.exportReportToPDF()"

docment.getElementById('reportFrame')是獲取到iframe框架，然后通過contentWindow得到報表窗口，并拿到contentPane這個報表容器，最后就可以從容器中調(diào)用各種導出接口的方法了。

其他的幾個按鈕的導出事件這里就不一一講解了。

完整代碼

根據(jù)上述同樣的方法為其他幾個按鈕添加導出事件，完整代碼如下：

效果查看

點擊不同的按鈕，即可看到其導出的結(jié)果：

關(guān)于FineReport中JS怎么自定義按鈕導出問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識。