Визуализация отчета RDLC в HTML в ASP.NET MVC - PullRequest
11 голосов
/ 03 ноября 2011

Я хотел бы представить отчет RDLC в HTML в рамках проекта ASP.NET MVC.

Я успешно создал прототип, который отображает отчет RDLC в формате PDF, Excel и TIFF, с помощью этой статьи .Но я был удивлен, что HTML не является одним из доступных по умолчанию форматов в LocalReport.Render().

. Я натолкнулся на эту статью , в которой описан прием, позволяющий включить формат рендеринга HTML4.0., но я думаю, что это только для ReportViewer элемента управления (хотя я могу ошибаться).

Вопрос в MVC, как визуализировать отчет RDLC в HTML, как это делает ReportView (см.скриншот ниже)?

An RDLC report rendered in a ReportView control

Ответы [ 3 ]

15 голосов
/ 05 апреля 2013

Это простая задача. Вы можете выполнить следующие шаги.

  1. Создайте папку в своем решении и дайте имя Отчеты.
  2. Добавьте веб-форму ASP.Net и назовите ее ReportView.aspx
  3. Создайте Class ReportData и добавьте его в папку отчетов. Добавьте следующий код в класс.

    public class ReportData
    {
      public ReportData()
      {
          this.ReportParameters = new List<Parameter>();
          this.DataParameters = new List<Parameter>();
      }
    
      public bool IsLocal { get; set; }
      public string ReportName { get; set; }
      public List<Parameter> ReportParameters { get; set; }
      public List<Parameter> DataParameters { get; set; }
    }
    
    public class Parameter
    {
      public string ParameterName { get; set; }
      public string Value { get; set; }
    }
    
  4. Добавьте еще один класс и назовите его ReportBasePage.cs. Добавьте следующий код в этот класс.

    public class ReportBasePage : System.Web.UI.Page
    {
        protected ReportData ReportDataObj { get; set; }
    
        protected override void OnInit(EventArgs e)
        {
            base.OnInit(e);
            if (HttpContext.Current != null)
                if (HttpContext.Current.Session["ReportData"] != null)
                {
                    ReportDataObj = HttpContext.Current.Session["ReportData"] as ReportData;
                    return;
                }
            ReportDataObj = new ReportData();
            CaptureRouteData(Page.Request);
        }
    
    
        private void CaptureRouteData(HttpRequest request)
        {
            var mode = (request.QueryString["rptmode"] + "").Trim();
            ReportDataObj.IsLocal = mode == "local" ? true : false;
            ReportDataObj.ReportName = request.QueryString["reportname"] + "";
            string dquerystr = request.QueryString["parameters"] + "";
            if (!String.IsNullOrEmpty(dquerystr.Trim()))
            {
                var param1 = dquerystr.Split(',');
                foreach (string pm in param1)
                {
                    var rp = new Parameter();
                    var kd = pm.Split('=');
                    if (kd[0].Substring(0, 2) == "rp")
                    {
                        rp.ParameterName = kd[0].Replace("rp", "");
                        if (kd.Length > 1) rp.Value = kd[1];
                        ReportDataObj.ReportParameters.Add(rp);
                    }
                    else if (kd[0].Substring(0, 2) == "dp")
                    {
                        rp.ParameterName = kd[0].Replace("dp", "");
                        if (kd.Length > 1) rp.Value = kd[1];
                        ReportDataObj.DataParameters.Add(rp);
                    }
                }
            }
        }
    }
    
  5. Добавьте ScriptManager на страницу ReportView.aspx. Теперь возьмите средство просмотра отчетов на страницу. В средстве просмотра отчетов установите свойство AsyncRendering = "false". Код приведен ниже.

    <rsweb:ReportViewer ID="ReportViewerRSFReports" runat="server" AsyncRendering="false"
        Width="1271px" Height="1000px" >
    </rsweb:ReportViewer>
    
  6. Добавление двух пространств имен в ReportView.aspx.cs

    using Microsoft.Reporting.WebForms;
    using System.IO;
    
  7. Измените System.Web.UI.Page на ReportBasePage. Просто замените ваш код следующим образом.

    public partial class ReportView : ReportBasePage
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                RenderReportModels(this.ReportDataObj);
            }
        }
    
        private void RenderReportModels(ReportData reportData)
        {
            RASolarERPData dal = new RASolarERPData();
            List<ClosingInventoryValuation> objClosingInventory = new List<ClosingInventoryValuation>();
    
            // Reset report properties.
            ReportViewerRSFReports.Height = Unit.Parse("100%");
            ReportViewerRSFReports.Width = Unit.Parse("100%");
            ReportViewerRSFReports.CssClass = "table";
    
            // Clear out any previous datasources.
            this.ReportViewerRSFReports.LocalReport.DataSources.Clear();
    
            // Set report mode for local processing.
            ReportViewerRSFReports.ProcessingMode = ProcessingMode.Local;
    
            // Validate report source.
            var rptPath = Server.MapPath(@"./Report/" + reportData.ReportName +".rdlc");
    
            //@"E:\RSFERP_SourceCode\RASolarERP\RASolarERP\Reports\Report\" + reportData.ReportName + ".rdlc";
            //Server.MapPath(@"./Report/ClosingInventory.rdlc");
    
            if (!File.Exists(rptPath))
                return;
    
            // Set report path.
            this.ReportViewerRSFReports.LocalReport.ReportPath = rptPath;
    
            // Set report parameters.
            var rpPms = ReportViewerRSFReports.LocalReport.GetParameters();
            foreach (var rpm in rpPms)
            {
                var p = reportData.ReportParameters.SingleOrDefault(o => o.ParameterName.ToLower() == rpm.Name.ToLower());
                if (p != null)
                {
                    ReportParameter rp = new ReportParameter(rpm.Name, p.Value);
                    ReportViewerRSFReports.LocalReport.SetParameters(rp);
                }
            }
    
            //Set data paramater for report SP execution
            objClosingInventory = dal.ClosingInventoryReport(this.ReportDataObj.DataParameters[0].Value);
    
            // Load the dataSource.
            var dsmems = ReportViewerRSFReports.LocalReport.GetDataSourceNames();
            ReportViewerRSFReports.LocalReport.DataSources.Add(new ReportDataSource(dsmems[0], objClosingInventory));
    
            // Refresh the ReportViewer.
            ReportViewerRSFReports.LocalReport.Refresh();
        }
    }
    
  8. Добавьте папку в папку отчетов и назовите ее «Отчет». Теперь добавьте отчет RDLC в папку «Отчеты / отчет» и назовите его ClosingInventory.rdlc.

  9. Теперь добавьте контроллер и назовите его ReportController. В контроллер добавьте следующий метод действия.

    public ActionResult ReportViewer()
    {                
        ViewData["reportUrl"] = "../Reports/View/local/ClosingInventory/";
    
        return View();
    }
    
  10. Добавить страницу просмотра, щелкните на контроллере ReportViewer. Названа страница просмотра ReportViewer.cshtml. Добавьте следующий код на страницу просмотра.

    @using (Html.BeginForm("Login"))
     { 
           @Html.DropDownList("ddlYearMonthFormat", new SelectList(ViewBag.YearMonthFormat, "YearMonthValue", "YearMonthName"), new { @class = "DropDown" })
    
      Stock In Transit: @Html.TextBox("txtStockInTransit", "", new { @class = "LogInTextBox" })
    
      <input type="submit" onclick="return ReportValidationCheck();" name="ShowReport"
                 value="Show Report" />
    
      }
    
  11. Добавьте Iframe. Установите свойство Iframe следующим образом

    frameborder="0"  width="1000"; height="1000"; style="overflow:hidden;" scrolling="no"
    
  12. Добавить следующий JavaScript для просмотра.

    function ReportValidationCheck() {
    
    var url = $('#hdUrl').val();
    var yearmonth = $('#ddlYearMonthFormat').val();      
    var stockInTransit = $('#txtStockInTransit').val()
    
    if (stockInTransit == "") {
        stockInTransit = 0;
    }
    
    if (yearmonth == "0") {
        alert("Please Select Month Correctly.");
    }
    else {
    
        //url = url + "dpSpYearMonth=" + yearmonth + ",rpYearMonth=" + yearmonth + ",rpStockInTransit=" + stockInTransit;
    
        url = "../Reports/ReportView.aspx?rptmode=local&reportname=ClosingInventory&parameters=dpSpYearMonth=" + yearmonth + ",rpYearMonth=" + yearmonth + ",rpStockInTransit=" + stockInTransit;
    
        var myframe = document.getElementById("ifrmReportViewer");
        if (myframe !== null) {
            if (myframe.src) {
                myframe.src = url;
            }
            else if (myframe.contentWindow !== null && myframe.contentWindow.location !== null) {
                myframe.contentWindow.location = url;
            }
            else { myframe.setAttribute('src', url); }
        }
    }
    
    return false;
    }
    
  13. В файле Web.config добавьте следующий ключ в раздел appSettings add

    key="UnobtrusiveJavaScriptEnabled" value="true"
    
  14. В разделе обработчиков system.web добавьте следующий ключ

    добавить verb="*" path="Reserved.ReportViewerWebControl.axd" type = "Microsoft.Reporting.WebForms.HttpHandler, Microsoft.ReportViewer.WebForms, Version=10.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"

  15. Измените ваш источник данных на свой собственный. Это решение очень простое, и я думаю, что оно всем понравится.

5 голосов
/ 30 мая 2012

Вы можете использовать объект ReportViewer для визуализации RDLC в PDF или HTML. Для моего случая (ниже) я хотел документ PDF, и я возвратил его как FileContentResult ActionResult. Если вы хотите, чтобы он возвращался в качестве загрузки, используйте File ActionResult (я закомментировал это для вашего использования).

    public ActionResult GetPackingSlipPDF(int shipmentId)
    {
        var shipment = _inboundShipmentService.GetInboundShipmentById(shipmentId);

        Warning[] warnings;
        string mimeType;
        string[] streamids;
        string encoding;
        string filenameExtension;

        var viewer = new ReportViewer();
        viewer.LocalReport.ReportPath = @"Labels\PackingSlip.rdlc";

        var shipLabel = new ShippingLabel { ShipmentId = shipment.FBAShipmentId, Barcode = GetBarcode(shipment.FBAShipmentId) };

        viewer.LocalReport.DataSources.Add(new ReportDataSource("ShippingLabel", new List<ShippingLabel> { shipLabel }));
        viewer.LocalReport.Refresh();

        var bytes = viewer.LocalReport.Render("PDF", null, out mimeType, out encoding, out filenameExtension, out streamids, out warnings);

        return new FileContentResult(bytes, mimeType);

        //return File(bytes, mimeType, shipment.FBAShipmentId + "_PackingSlip.pdf");
    }
1 голос
/ 24 января 2013

Я собрал этот проект несколько веков назад http://mvcrdlc.codeplex.com/

Из памяти должен быть html-рендеринг rdlc, а также PDF

...