FastReport報表MVC顯示步驟

FastReport報表MVC使用步驟如下：

1、創建MVC網站項目

最終DEMO如下圖所示

 

2、引用相關DLL

FastReport.dll

FastReport.Web.dll

3、Web.config中增加配置

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

4、Action代碼

    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            var webReport = new WebReport();

            var dataPath= Server.MapPath("~/frAssets/Reports/nwind.xml");
            var dataSet = new System.Data.DataSet();
            dataSet.ReadXml(dataPath);
            webReport.Report.RegisterData(dataSet, "NorthWind");

            var reportPath = Server.MapPath("~/frAssets/Reports/SimpleList.frx");
            webReport.Report.Load(reportPath);

            webReport.Width = Unit.Percentage(100);
            webReport.Height = Unit.Percentage(100);
            //設置Toobar圖標樣式
            webReport.ToolbarIconsStyle = ToolbarIconsStyle.Black;//ToolbarIconsStyle.Custom;
            //設置Background樣式
            webReport.ToolbarBackgroundStyle = ToolbarBackgroundStyle.Medium;
            //設置自定義按鈕圖片路徑
            webReport.ButtonsPath = "/frAssets/Buttons/";
            //本地化文件
            webReport.LocalizationFile = "/frAssets/Localization/Chinese (Simplified).frl";
            webReport.PrintInPdf = false;
            ViewBag.WebReport = webReport;
            return View();
        }
        
    }

5、View中引入樣式

@WebReportGlobals.Scripts()
@WebReportGlobals.Styles()

 

6、View中添加報表呈現代碼

<div id="report-wrapper">
    @ViewBag.WebReport.GetHtml()
</div>

 

7、報表居中樣式處理

    <style type="text/css">
        html > /**/ body .container {
            margin: 0;
            max-width: 100%;
        }

        #report-wrapper .frtoolbar {
            width: 100%;
        }

        #report-wrapper #frbody {
            text-align: center;
        }

            #report-wrapper #frbody > div {
                margin: 0 auto;
            }

        html > /**/ body #report-wrapper span > div > div {
            display: block;
            text-align: center;
        }
    </style>

 

8、項目Demo源碼

https://files.cnblogs.com/files/WangHuaiSheng/FastReportMvcDemo.7z

 

 

---

文章作者：花生（OutMan） 發布地址：http://www.cnblogs.com/WangHuaiSheng/  發布時間：2018年3月15日 本文版權歸作者和博客園共有，歡迎轉載， 但未經作者同意必須保留此段聲明， 且在文章頁面明顯位置給出原文連接。