FineReport中JS怎么自定義按鈕導(dǎo)出，針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

成都創(chuàng)新互聯(lián)公司成立以來(lái)不斷整合自身及行業(yè)資源、不斷突破觀念以使企業(yè)策略得到完善和成熟，建立了一套“以技術(shù)為基點(diǎn)，以客戶(hù)需求中心、市場(chǎng)為導(dǎo)向”的快速反應(yīng)體系。對(duì)公司的主營(yíng)項(xiàng)目，如中高端企業(yè)網(wǎng)站企劃 / 設(shè)計(jì)、行業(yè) / 企業(yè)門(mén)戶(hù)設(shè)計(jì)推廣、行業(yè)門(mén)戶(hù)平臺(tái)運(yùn)營(yíng)、app軟件開(kāi)發(fā)、成都做手機(jī)網(wǎng)站、微信網(wǎng)站制作、軟件開(kāi)發(fā)、西部信息機(jī)房等實(shí)行標(biāo)準(zhǔn)化操作，讓客戶(hù)可以直觀的預(yù)知到從成都創(chuàng)新互聯(lián)公司可以獲得的服務(wù)效果。

FineReport支持多種不同的導(dǎo)出方式，直接使用FineReport內(nèi)置導(dǎo)出按鈕可以非?？旖莘奖愕膩?lái)對(duì)各種格式的輸出，但是我們?cè)趙eb頁(yè)面集成中的時(shí)候，往往只想將報(bào)表內(nèi)容嵌入到iframe中，而工具欄以及工具欄上的按鈕都會(huì)隱藏掉，而使用web頁(yè)面自定義的按鈕，那么，此時(shí)，這種自定義按鈕如何實(shí)現(xiàn)導(dǎo)出呢？ 

如上圖所示，新建一個(gè)html頁(yè)面，定義一個(gè)工具欄和一個(gè)iframe，工具欄中定義上圖所示的按鈕，iframe中嵌入FineReport中的報(bào)表，如下圖： 

FineReport報(bào)表設(shè)置

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

 

自定義導(dǎo)出按鈕

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

FineReport導(dǎo)出操作的JS接口為：

導(dǎo)出PDF：exportReportToPDF()

導(dǎo)出[Excel](分頁(yè))：exportReportToExcel('page')

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

導(dǎo)出[Excel](分頁(yè)分sheet)：exportReportToExcel('sheet')

導(dǎo)出[Excel](分頁(yè)導(dǎo)出xls格式)：exportReportToExcel('page_isExcel2003')

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

導(dǎo)出[Excel](分頁(yè)分sheet導(dǎo)出xls格式)：exportReportToExcel('page_isExcel2003')

導(dǎo)出[圖片]：exportReportToImage('gif')【括號(hào)里面可以更換參數(shù)，比如說(shuō)png，jpg等等圖片類(lèi)型】

導(dǎo)出[word]：exportReportToWord()

故，各個(gè)按鈕的點(diǎn)擊事件應(yīng)用調(diào)用上述的JS接口來(lái)實(shí)現(xiàn)其對(duì)應(yīng)的導(dǎo)出格式，比如說(shuō)導(dǎo)出PDF，那么其按鈕的onclick時(shí)間為：

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

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

其他的幾個(gè)按鈕的導(dǎo)出事件這里就不一一講解了。

完整代碼

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

效果查看

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

 

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

網(wǎng)站欄目：FineReport中JS怎么自定義按鈕導(dǎo)出-創(chuàng)新互聯(lián)
文章分享：http://aaarwkj.com/article4/dpgcie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開(kāi)發(fā)、商城網(wǎng)站、云服務(wù)器、品牌網(wǎng)站設(shè)計(jì)、關(guān)鍵詞優(yōu)化、App開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)