Asp.Net+Grid Report完成Web报表

浏览数：34 / 时间：2015年06月09日

在做VB版机房收费系统时，周结账单中的水晶报表想必大家都印象深刻。操作流程为：在窗体加载时，在窗体中显示数据表中的全部数据；选中查询条件，点击查询按钮，将对显示的数据进行筛选；如果用户想打印报表，直接点击控件上的打印按钮即可进行打印。

可这些操作是在C/S的结构中完成的，最近廊坊人事局的客户要求我们开发小组完成B/S的报表打印，经过一天的苦苦思索，我终于完成了一个成功的Demo。在此把成果和大家分享下，希望能帮助大家进步。

解决方案目录如下：

操作步骤如下：

1.导入Grid Report官方提供的ReportData.cs、MssqlReportData.cs、CreateControl.js，推荐下载地址：http://pan.baidu.com/s/1qWoGe9A；

2.用Grid++Report 报表设计器制作水晶报表aaa.grf，制作过程参考博客：用VB做报表；

3.完成页面加载时，需在showAll.aspx设置显示数据的SQL语句

<%@ Page Language="C#" %>
<script runat="server"> 
    protected void Page_Load(object sender, EventArgs e)
    {
        SqlXMLReportData.GenDetailData(this, "select * from aaa");
    }
</script>

4.设置点击查询按钮后，需要在Part.aspx中执行的SQL语句

<%@ Page Language="C#" %>
<script runat="server"> 
    protected void Page_Load(object sender, EventArgs e)
    {
        string QuerySQL = string.Format("select *from aaa where account='{0}'" ,Request.QueryString["account"]);
        
        SqlXMLReportData.GenDetailData(this, QuerySQL);
    }
</script>

5.在显示页面DisplayViewReport.htm中设置每次访问的aspx文件

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Web报表(B/S报表)演示 - 查询显示控件展现报表</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="js/CreateControl.js" type="text/javascript"></script>
    <style type="text/css">
        html, body
        {
            margin: 20;
            height: 100%;
        }
    </style>
    <script type="text/javascript">
        function btnSearch_onclick() {
            ReportViewer.Stop();

            var account = document.getElementById("account").value;
            var DataURL = encodeURI("showPart.aspx?account=" + account);
            ReportViewer.DataURL = DataURL;

            ReportViewer.Start();
        }
    </script>
</head>
<body style="margin: 0">
    账号：<input type="text" name="account" id="account" />
    <input type="button" value="查询"  onclick="return btnSearch_onclick()"/>
    <p>
    </p>
    <script type="text/javascript">
        //用查询显示控件展现报表，从URL“../grf/1a.grf”获取报表膜板定义，从URL“../data/xmlCustomer.aspx”获取XML形式的报表数据，
        CreateDisplayViewerEx("100%", "100%", "grf/aaa.grf", "showAll.aspx", true, "");
    </script>
</body>
</html>

通过代码我们可以发现，当html页面加载时，页面会加载grf文件夹下的aaa.grf文件，同时向showAll.aspx请求aaa.grf数据显示需要执行的SQL语句。

当点击查询按钮后，html页面通过ReportViewer.DataURL向showPart.aspx提交查询条件，showPart.aspx通过 string QuerySQL = string.Format("select *from aaa where account=‘{0}‘" ,Request.QueryString["account"]);接收html提交的查询条件，然后通过SqlXMLReportData.GenDetailData(this, QuerySQL);执行带有查询条件的SQL语句。
到此，准备工作已经完成，咱们看看代码运行效果：

页面加载时：