码迷,mamicode.com
首页 > Web开发 > 详细

在mvc视图中实现rdlc报表展示

时间:2017-09-06 00:40:10      阅读:287      评论:0      收藏:0      [点我收藏+]

标签:nts   find   gif   margin   for   接口   ext   sys   orm   

需求:在view视图页面中嵌入rdlc报表,rdlc的xml为动态传入的xml字符串。本项目是基于abp框架

可能出现问题:

1、rdlc报表是由asp.net的服务器控件ReportViewer来支持的,view视图不能直接使用服务器控件

2、ReportViewer需要通过aspx页面来承载,并在服务端事件中完成对控件的xml绑定、datatable绑定

3、由于是基于abp框架的项目,不能在aspx.cs后台页面中直接实例化IxxAppService接口的实现类


想达到的效果如下图:

技术分享

 上部分为报表的筛选区域,下部分为rdlc报表展示内容。


 

本次实现的思路为:

1、以view视图为主页面,在视图的上部分完成筛选信息的展示和绑定;

2、视图下部分嵌入一个iframe,iframe地址指向一个aspx页面,该页中实现ReportViewer控件的赋值和绑定

视图页面的代码参考如下:

技术分享
    <div class="tab-content" style="width:100%;height:100%">
        <!--筛选区域-->
        <div role="tabpanel" class="tab-pane active" id="navMenu" style="padding-top: 4px;padding-bottom: 1px;">

            <div class="collapse row" id="filterHts" style="margin-right: 2px;">
            </div>
            <div id="divTools" style="padding: 0 5px 5px;cursor: pointer;height: 33px;line-height:28px" title="点击展开搜索条件区">
                <span id="searchTools" onclick="$(‘#filterHts‘).click();" style="display:none;float:left"></span>
                <span id="ExternalTools" style="float:left;"></span>
                <span id="spTools" style="float:left;"></span>
                <span id="spanSearch" style="float:right;line-height:12px;height:12px"><i class="fa fa-chevron-down" title="点击展开搜索条件区" aria-hidden="true" style="cursor:pointer;margin:0px 0px 0px 5px;color:#76838f"></i><i class="fa fa-chevron-up" aria-hidden="true" title="点击关闭搜索条件区" style="cursor:pointer;display:none;margin-left:5px;color:#76838f"></i></span>
            </div>

        </div>
        <div style="width:100%;height:500px">
            <iframe style="width:100%;height:500px" id="ifm" src="~/Rdlc/rdlc.aspx"></iframe>
        </div>  
    </div>
View Code

 rdlc.aspx页面代码参考:

技术分享
<%@ Page Language="C#" CodeBehind="rdlc.aspx.cs" Inherits="Easyman.Web.Rdlc.rdlc" %>

<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=12.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91" Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:HiddenField runat="server" ID="rpName" />
            <asp:HiddenField runat="server" ID="xmlStr" />
            <asp:HiddenField runat="server" ID="hidDataTable" />
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <rsweb:ReportViewer ID="reportViewer1" runat="server"  DocumentMapWidth="100%" Font-Names="Verdana" 
                Font-Size="8pt" WaitMessageFont-Names="Verdana"  AsyncRendering="False" SizeToReportContent="True" 
                WaitMessageFont-Size="14pt" Width="100%" Height="100%" ZoomMode="FullPage" >
            </rsweb:ReportViewer>
        </div>
        <div style="display:none">
            <asp:Button ID="SearchBtn" runat="server" OnClick="SearchBtn_Click" Text="查询" />
        </div>
    </form>
</body>
</html>
View Code

当点击了查询按钮之后,在视图页中实现对 rdlc.aspx页面中的隐藏控件赋值(aspx页面中隐藏控件有:xml、datatable的json数据)

隐藏控件赋值之后触发 rdlc.aspx页面查询按钮事件SearchBtn_Click

关键js如下:

技术分享
        $("#ifm").contents().find("#rpName").val($("#Name").val());
        $("#ifm").contents().find("#xmlStr").val(Encrypt(rdlcReport.RdlcXml));
        $("#ifm").contents().find("#hidDataTable").val(data.responseText);

        //endregion

        $("#ifm").contents().find("#SearchBtn").click();//触发RDLC子页面的查询按钮
        $("#ifm").contents().find("#SearchBtn").hide();
View Code

 rdlc.aspx页面查询后台事件方法SearchBtn_Click的代码如下:

技术分享
        protected void SearchBtn_Click(object sender, EventArgs e)
        {
            string xmlStr = EncryptHelper.AesDecrpt(this.xmlStr.Value);
            string tbJson = this.hidDataTable.Value;
            string rpName = this.rpName.Value;
            DataTable dt = new DataTable();
            if(!string.IsNullOrEmpty( tbJson)&&tbJson!="[]")
            {
                dt = JSON.ToDataTable(tbJson);
            }
            reportViewer1.LocalReport.DataSources.Clear();
            reportViewer1.LocalReport.DisplayName = rpName;
            reportViewer1.LocalReport.LoadReportDefinition(GenerateRdlc(xmlStr));
            ReportDataSource reportDataSource = new ReportDataSource("DataSet1",dt);
            reportViewer1.LocalReport.DataSources.Add(reportDataSource);
            reportViewer1.LocalReport.Refresh();
            
        }
View Code

  rdlc.aspx.cs后台的完整代码如下:

技术分享
using Abp.Domain.Repositories;
using Easyman.Common;
using Easyman.Common.Helper;
using Easyman.Domain;
using Easyman.Service;
using Microsoft.Reporting.WebForms;
using System;
using System.Collections.Generic;
using System.Data;
using System.IO;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace Easyman.Web.Rdlc
{
    public partial class rdlc : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
        }
        /// <summary>
        /// 以内存流形式返回rdlc报表配置信息
        /// </summary>
        /// <param name="inStr"></param>
        /// <returns></returns>
        public MemoryStream GenerateRdlc(string inStr)
        {
            byte[] b = Encoding.UTF8.GetBytes(inStr);
            MemoryStream ms = new MemoryStream(b);
            return ms;
        }
        protected void SearchBtn_Click(object sender, EventArgs e)
        {
            string xmlStr = EncryptHelper.AesDecrpt(this.xmlStr.Value);
            string tbJson = this.hidDataTable.Value;
            string rpName = this.rpName.Value;
            DataTable dt = new DataTable();
            if(!string.IsNullOrEmpty( tbJson)&&tbJson!="[]")
            {
                dt = JSON.ToDataTable(tbJson);
            }
            reportViewer1.LocalReport.DataSources.Clear();
            reportViewer1.LocalReport.DisplayName = rpName;
            reportViewer1.LocalReport.LoadReportDefinition(GenerateRdlc(xmlStr));
            ReportDataSource reportDataSource = new ReportDataSource("DataSet1",dt);
            reportViewer1.LocalReport.DataSources.Add(reportDataSource);
            reportViewer1.LocalReport.Refresh();
            
        }
    }
}
View Code

总体思路为:

1)在view视图页中实现筛选区域的值绑定和获取;

2)并在筛选条件下查询满足的datatable数据并转化为json字符串赋值给子页面rdlc.aspx的隐藏控件;

3)在view视图中给子页面rdlc.aspx隐藏控件xml配置信息赋值

4)在rdlc.aspx子页面的后台事件方法SearchBtn_Click中直接获取隐藏控件中的datatable数据和rdlc的配置xml字符串信息,然后绑定到ReportViewer控件

在mvc视图中实现rdlc报表展示

标签:nts   find   gif   margin   for   接口   ext   sys   orm   

原文地址:http://www.cnblogs.com/senyier/p/7482401.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!