标签:style blog http java io 文件 数据 for
在做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语句。
到此,准备工作已经完成,咱们看看代码运行效果:
页面加载时:
点击查询后:
怎么样,很C/S版的很像吧!如果你喜欢就点个赞吧,谢谢。
Asp.Net+Grid Report完成Web报表,布布扣,bubuko.com
标签:style blog http java io 文件 数据 for
原文地址:http://blog.csdn.net/quwenzhe/article/details/38350025