資訊專欄INFORMATION COLUMN
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：exportReportToExcel("page")
導(dǎo)出Excel：exportReportToExcel("simple")
導(dǎo)出Excel：exportReportToExcel("sheet")
導(dǎo)出Excel：exportReportToExcel("page_isExcel2003")
導(dǎo)出Excel：exportReportToExcel("page_isExcel2003")
導(dǎo)出Excel：exportReportToExcel("page_isExcel2003")
導(dǎo)出[圖片]：exportReportToImage("gif")【括號(hào)里面可以更換參數(shù)，比如說(shuō)png，jpg等等圖片類型】
導(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)出事件，完整代碼如下：
FineReport自定義導(dǎo)出
效果查看
點(diǎn)擊不同的按鈕，即可看到其導(dǎo)出的結(jié)果：
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/88142.html
摘要：如果報(bào)表嵌在網(wǎng)頁(yè)的中，在外獲取對(duì)象如下常用方法方法說(shuō)明獲取指定單元格中的控件獲取指定名字的控件獲取指定名稱的擴(kuò)展控件，返回一個(gè)數(shù)組表單預(yù)覽或參數(shù)界面，都有一個(gè)對(duì)象。 上次介紹FineReport的JS API中的第一類開(kāi)發(fā)--FR，這次就來(lái)介紹一下FS和contentWindow類的開(kāi)發(fā)。1 FSFS是數(shù)據(jù)決策系統(tǒng)中的js接口，比如說(shuō)FS.tabPane.addItem，先介紹幾類操作...
摘要：移動(dòng)端報(bào)表使用方法安裝好插件后，在瀏覽器中調(diào)用時(shí)，需要在報(bào)表路徑后面加上參數(shù)。另外移動(dòng)端的插件，圖表是只支持顯示新圖表。 HTML5報(bào)表插件安裝及使用編輯 插件安裝插件網(wǎng)址以及設(shè)計(jì)器插件安裝方法和服務(wù)器安裝插件的方法可以官網(wǎng)上面搜索，這里就不做詳細(xì)介紹了。 移動(dòng)端HTML5報(bào)表使用方法安裝好插件后，在瀏覽器中調(diào)用時(shí)，需要在報(bào)表路徑后面加上參數(shù)op=h5。但是PC端不完全支持H5效果。移...
摘要：描述連接多維數(shù)據(jù)庫(kù)，首先要通過(guò)數(shù)據(jù)連接將多維數(shù)據(jù)庫(kù)與連接起來(lái)，然后在數(shù)據(jù)連接的基礎(chǔ)上新建多維數(shù)據(jù)庫(kù)數(shù)據(jù)集，用于模板設(shè)計(jì)。詳細(xì)設(shè)置查看連接數(shù)據(jù)連接建立好之后，就可以添加多維數(shù)據(jù)庫(kù)數(shù)據(jù)集。 1. 描述FineReport連接多維數(shù)據(jù)庫(kù)，首先要通過(guò)數(shù)據(jù)連接將多維數(shù)據(jù)庫(kù)與FineReport連接起來(lái)，然后在數(shù)據(jù)連接的基礎(chǔ)上新建多維數(shù)據(jù)庫(kù)XMLA數(shù)據(jù)集，用于模板設(shè)計(jì)。2.XMLA數(shù)據(jù)連接2.1描...
閱讀 1244·2023-04-26 02:46
閱讀 697·2023-04-25 19:38
閱讀 705·2021-10-14 09:42
閱讀 1312·2021-09-08 09:36
閱讀 1423·2019-08-30 15:44
閱讀 1382·2019-08-29 17:23
閱讀 2305·2019-08-29 15:27
閱讀 864·2019-08-29 14:15
