MVC4 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.将参数应用到数据查询中,这样就可以通过页面查询更新报表的显示数据了。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤