在做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.点击查询按钮后,需要在showPart.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="查询" οnclick="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通过 Request.QueryString["account"])方式接收html提交的查询参数,然后通过SqlXMLReportData.GenDetailData()方法执行带有查询参数的SQL语句。
到此,准备工作已经完成,咱们看看代码运行效果:
页面加载时:
点击查询后:
怎么样,和C/S版的很像吧!如果你喜欢就点个赞吧,谢谢。