• <menu id="w2i4a"></menu>
  • logo FastReport-web報(bào)表開發(fā)系列教程(持續(xù)更新中)
    文檔首頁>>FastReport-web報(bào)表開發(fā)系列教程(持續(xù)更新中)>>【FastReport教程】在Web上顯示準(zhǔn)備好的報(bào)表

    【FastReport教程】在Web上顯示準(zhǔn)備好的報(bào)表


    下載FastReport.Net最新版本

    FastReport.Net 2018.4版本涉及到網(wǎng)絡(luò)報(bào)表?,F(xiàn)在,用戶可以以fpx格式顯示報(bào)表,即預(yù)先準(zhǔn)備好的報(bào)表。fpx格式非常便于交換報(bào)表,因?yàn)樗0逯獾臄?shù)據(jù)。因此,要以fpx格式顯示報(bào)表,您根本不需要連接到數(shù)據(jù)源,這樣就消除了數(shù)據(jù)庫位于遠(yuǎn)程服務(wù)器上時(shí)的問題。與收到數(shù)據(jù)有關(guān)的報(bào)表的編制不會(huì)有任何延誤。擁有此格式的報(bào)表,您可能希望在網(wǎng)頁上顯示它們。

    讓我們創(chuàng)建一個(gè)空的ASP.Net MVC項(xiàng)目。 在Reference中,我們添加了FastReport.dll和FastReport.Web.dll庫,可在此處獲取: C:\ Program Files(x86)\ FastReports \ FastReport.Net \ Framework 4.0。 添加MVC 5 ViewPage(Razor)視圖。我們稱之為索引。這是它的默認(rèn)內(nèi)容:

    @{
     Layout = null;
    }
     
    <!DOCTYPE html>
    <html>
    <head>
     <meta name="viewport" content="width=device-width" />
     <title></title>
    </head>
    <body>
     <div>
     </div>
    </body>
    </html>

    添加WebReport對(duì)象。當(dāng)然,我們可以在控制器中創(chuàng)建它。但是,您可以在視圖中創(chuàng)建它。

    @{
     Layout = null;
    }
     
    @{ // FastReport .Net prepared report preview example.
     FastReport.Web.WebReport webReport = new FastReport.Web.WebReport(true, true);
     webReport.ToolbarIconsStyle = FastReport.Web.ToolbarIconsStyle.Black;
     webReport.ToolbarBackgroundStyle = FastReport.Web.ToolbarBackgroundStyle.None;
     webReport.ToolbarStyle = FastReport.Web.ToolbarStyle.Large;
     webReport.ToolbarColor = System.Drawing.Color.White;
     webReport.BorderWidth = 1;
     webReport.BorderColor = System.Drawing.Color.Black;
     webReport.ShowZoomButton = false;
     webReport.ShowExports = false;
     webReport.PrintInBrowser = false;
     webReport.XlsxPrintFitPage = true;
     webReport.LoadPrepared(Server.MapPath("~/App_Data/Prepared.fpx"));
    }
     
    <!DOCTYPE html>
    <html>
    <head>
     <meta name="viewport" content="width=device-width" />
     <title>FastReport Prepared Report Preview</title>
    </head>
    <body>
     @webReport.GetHtml()
    </body>
    </html>

    此外,我們以HTML格式添加了報(bào)表的標(biāo)題和輸出,讓我們仔細(xì)看看我們創(chuàng)建的webReport對(duì)象的設(shè)置:

    • ToolbarIconsStyle - 最上面的Web報(bào)表工具欄上的圖標(biāo)樣式:黑色,藍(lán)色,自定義,綠色,紅色;
    • ToolbarBackgroundStyle - Web報(bào)表工具欄的背景樣式:Custome,Dark,Light,Medium,None;
    • ToolbarStyle - 在Web報(bào)表工具欄上顯示按鈕的樣式:大或小;
    • ToolbarColor - 工具欄背景顏色;
    • BorderWidth - Web報(bào)表框架的寬度;
    • BorderColor - Web報(bào)表框架顏色;
    • ShowZoomButton - 顯示縮放按鈕;
    • ShowExports - 顯示導(dǎo)出菜單;
    • PrintInBrowser - 允許從瀏覽器打印;
    • XlsxPrintFitPage - 在導(dǎo)出到Excel 2007時(shí),在一個(gè)頁面上啟用報(bào)表打印。

    要顯示W(wǎng)eb響應(yīng),我們需要導(dǎo)出到html。因此,在Web.config中我們添加處理程序:

    <system.webServer>
     <handlers>
     <add name="FastReportHandler" path="FastReport.Export.axd" verb="*" type="FastReport.Web.Handlers.WebExport"/>
     </handlers>
     </system.webServer>

    讓我們運(yùn)行應(yīng)用程序:

    FastReport

    它看起來像一個(gè)常規(guī)的網(wǎng)絡(luò)報(bào)表,這是一份fpx格式的預(yù)先準(zhǔn)備的報(bào)表,現(xiàn)在我們可以使用frx和fpx報(bào)表。

    上面的示例顯示了如何直接從視圖中使用fpx報(bào)表,但如果您更習(xí)慣于在控制器中使用邏輯,則使用ViewBag將報(bào)表從控制器傳輸?shù)揭晥D。

    掃碼咨詢


    添加微信 立即咨詢

    電話咨詢

    客服熱線
    023-68661681

    TOP
    三级成人熟女影院,欧美午夜成人精品视频,亚洲国产成人乱色在线观看,色中色成人论坛 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();