Razor视图下使用iframe加载RDLC报表

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Razor视图下使用iframe加载RDLC报表相关的知识,希望对你有一定的参考价值。

MVC视图下默认是不支持服务器端控件的,所以,为了能够通过report viewer控件加载报表,需要在MVC视图添加嵌入的页面。

起初在stackoverflow上找到一个解决方案,见这里。不过这里的解决方案的一个最大缺陷是,不支持页面导航,也就是只能显示报表的第一页。

因为,原作者也说了,MVC页面下不支持导航控件的post back,也就无法正常工作。

看到评论里有人说iframe才可以解决多页报表的问题,于是试了试,最终成功搞定。

1.在项目中新建立WebForm1.aspx,并修改Global.asax.cs使得aspx页面可以直接访问。

routes.IgnoreRoute("WebForms/{weform}");

2.在需要加载报表的试图页面添加iframe定义,并添加对WebForm1.aspx的引用。

<iframe id="ifr" src="../WebForms/WebForm1.aspx" width="900px" height="700px" frameborder=0>
</iframe>

3.WebForm1.aspx中添加report viewer控件,并引用设计的报表。

 
<form id="Form1" runat="server">
  <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
  <asp:UpdatePanel ID="uid"  runat="server">
    <ContentTemplate>
      <rsweb:ReportViewer ID="ReportViewer1" runat="server" AsyncRendering="false" 
        Height="800px" Width="900px" ShowFindControls="False" 
        ShowBackButton="False" PageCountMode="Actual"></rsweb:ReportViewer>
    </ContentTemplate>
  </asp:UpdatePanel> </form>
 

4.后台代码的Page_Load方法中,添加数据源。

ReportViewer1.LocalReport.ReportPath = Server.MapPath("~/Reports/Report1.rdlc");
ReportDataSource reportDataSource = new ReportDataSource("DataSet1", yourdatasource);
ReportViewer1.LocalReport.DataSources.Add(reportDataSource);
ReportViewer1.LocalReport.Refresh();

5.现在报表就可以显示了,不过为了让报表可以接收页面的参数,需要添加一点代码。在视图页面的刷新方法中,根据不同的过滤条件,为iframe指定不同的url地址。

function reloadData() {
        var fil = filterfield.value;
        var urlstr = ifr.location.href + ‘?filter=‘ + fil;
        ifr.window.location.href=urlstr;
    }

6.在WebForm1.aspx的后台代码中,获取url参数。

string filter= Request.QueryString["filter"];

7.将参数应用到数据查询中,这样就可以通过页面查询更新报表的显示数据了。

以上是关于Razor视图下使用iframe加载RDLC报表的主要内容,如果未能解决你的问题,请参考以下文章

rdlc报表 为啥页宽50%的时候就能加载所有的数据,大于50%,数据显示不全

RDLC报表刷新问题

报表与打印学习总目录

在rdlc中如何设置报表项的间隔距离?

RDLC 报表参数常量及常用表达式的使用

rdlc报表图形,改变数据标签显示效果