DevExpress使用心得八：用DevExpress制作水晶报表
最近在研究 DevExpress 的报表，果然非常强大，它的报表控件和其他专业的报表不相上下，于是想用它做一个水晶报表，顺便也提升一下自己的实践能力。下面就将整个过程写出来分享给大家：添加报表1、启动 Visual Studio (2008或者2010)。创建项目(由于我用的是MVC，所以此处也以MVC为例)2、 添加Report文件夹，右键添加数据集TestReport，步骤如下：http://evgetgif.qiniudn.com/DevExpress-CrystalReport-1.jpg然后再在服务器资源管理器添加服务器连接，然后选择你所需要的数据库，从其中拖拽出你所要的数据源对象，如图：http://evgetgif.qiniudn.com/DevExpress-CrystalReport-2.png
添加从表3、接着添加你所需要的从表，TestDetailReport，如图：http://evgetgif.qiniudn.com/DevExpress-CrystalReport-3.png
添加完，系统会自己将 Devexpress 相关的引用加进来，打开TestDetailReport从表，如下：http://evgetgif.qiniudn.com/DevExpress-CrystalReport-4.png
接着绑定你所需要的数据源，左上角的Report Tasks。http://evgetgif.qiniudn.com/DevExpress-CrystalReport-5.jpg
然后，使用右上角的Field List：http://evgetgif.qiniudn.com/DevExpress-CrystalReport-6.png
其中testStorage1是你刚所加的数据源，Parameters我们可以在其中添加所需参数：http://evgetgif.qiniudn.com/DevExpress-CrystalReport-7.jpg
设计从表页面要注意要把Modifiers的属性 设为Public。接下来可以做从表页面了。工具箱里的Report Contorls有设计报表的各种控件：http://evgetgif.qiniudn.com/DevExpress-CrystalReport-8.png
这里我们先用XRTable,只需把它拖拽到Detail中,可以自行设计。效果如下：http://evgetgif.qiniudn.com/DevExpress-CrystalReport-9.jpg
要绑定的数据直接从Field List中拉出来。在Report Task中有个属性 FilterString，使用它可以加入我们的过滤条件。其中？TaskId是我们刚手动在Parameters所添加的参数。http://evgetgif.qiniudn.com/DevExpress-CrystalReport-10.png
这样从表就设计完成了，然后我们可以在PreView中预览，如果你添加的参数就传入你的参数就可以看到效果了。http://evgetgif.qiniudn.com/DevExpress-CrystalReport-11.png
添加主表4、接下来我们就制作所需的主表，Master。重复第三步操作，像Report 中添加TestMasterReport主表。然后双击打开，从Report Controls中拖入XRsubReport控件到Dtail中。如图：http://evgetgif.qiniudn.com/DevExpress-CrystalReport-12.jpg
接着，我们为XRSubreport 控件绑定数据源，也就是我们刚才所做的从表。进入属性页，选择ReporSource 属性进行绑定，如果绑定不上，就重新生成一下就OK了。然后，Detail上面的部分就相当于表头，在表头部分我们如果有数据也是需要从数据库中来的，那就重复上面的操作。先给主表绑定数据源，然后同样在 Field List中给它设置参数，比如就叫_TaskId (在上面设计从表时我们也给过参数，TaskId)。同样，也可以设置过滤条件，这里就不一一重复了。这样主表就也差不多完成了，然后，我们选择预览：http://evgetgif.qiniudn.com/DevExpress-CrystalReport-13.png
其中_TaskId是我们在设计主表(Master)时，给的参数。TaskId是我们在设计从表(Detail)是给的参数。到这里报表就算设计完成了。然后，接下来是代码部分。添加控制器5、添加控制器ReportController，在其中添加三个操作方法：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using DevExpress.Web;
using DevExpress.XtraReports.Web;
using DevExpress.XtraReports;
using GYS.Infrastructure.CommonHelper;
using GYS.WMS.Report.Report;
public ActionResult Index()
{
Guid TaskId = ConverterHelper.ObjectToGuidValue(Request.QueryString["TaskId"]);
Session["TaskId"] = TaskId;
ViewData["Report"] = new TestMasterReportcs();
return View();
}
public ActionResult DocumentViewerPartial()
{
var report = new TestMasterReportcs();
report._TaskId.Value = Session["TaskId"];
report.FillDataSource();
report.ApplyFiltering();
ViewData["Report"] = report;
return PartialView("DocumentViewerPartial");
}
public ActionResult ExportDocumentViewer()
{
var report = new TestMasterReportcs();
report._TaskId.Value = Session["TaskId"];
report.FillDataSource();
report.ApplyFiltering();
return DevExpress.Web.Mvc.DocumentViewerExtension.ExportTo(report);
}
上面三个方法也很简单：其中Index ,我们首先得到所需的参数 TaskId,然后把它存入了Session 中，接着我们实例了主表TestMasterReport 。然后下面两个方法，首先从Session 中把参数取出来，把它赋给主表所设置的参数，在调用两个方法。生成视图6、然后，生成相应的视图，Index 和 DocumentViewerPartial这是Index 视图：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="@Url.Content("~/Scripts/jquery-1.8.2.js")" type="text/javascript"></script>
</head>
<body>
<div>
@Html.DevExpress().GetStyleSheets(
new StyleSheet { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
new StyleSheet { ExtensionSuite = ExtensionSuite.Editors },
new StyleSheet { ExtensionSuite = ExtensionSuite.HtmlEditor },
new StyleSheet { ExtensionSuite = ExtensionSuite.GridView },
new StyleSheet { ExtensionSuite = ExtensionSuite.PivotGrid },
new StyleSheet { ExtensionSuite = ExtensionSuite.Chart },
new StyleSheet { ExtensionSuite = ExtensionSuite.Report },
new StyleSheet { ExtensionSuite = ExtensionSuite.Scheduler },
new StyleSheet { ExtensionSuite = ExtensionSuite.TreeList }
)
@Html.DevExpress().GetScripts(
new Script { ExtensionSuite = ExtensionSuite.NavigationAndLayout },
new Script { ExtensionSuite = ExtensionSuite.HtmlEditor },
new Script { ExtensionSuite = ExtensionSuite.GridView },
new Script { ExtensionSuite = ExtensionSuite.PivotGrid },
new Script { ExtensionSuite = ExtensionSuite.Editors },
new Script { ExtensionSuite = ExtensionSuite.Chart },
new Script { ExtensionSuite = ExtensionSuite.Report },
new Script { ExtensionSuite = ExtensionSuite.Scheduler },
new Script { ExtensionSuite = ExtensionSuite.TreeList }
)
@Html.Partial("DocumentViewerPartial");
</div>
</body>
</html>
DocumentViewerPartial 视图：
1
2
3
4
5
6
7
8
9
10
11
@Html.DevExpress().DocumentViewer(settings =>{
// The following settings are required for a Report Viewer.
settings.Name = "documentViewer1";
settings.Report = (TestMasterReportcs)ViewData["Report"];
settings.SettingsSplitter.RightPaneVisible = false;
// Callback and export route values specify corresponding controllers and their actions.
// These settings are required as well.
settings.CallbackRouteValues = new { Controller = "Report", Action = "DocumentViewerPartial" };
settings.ExportRouteValues = new { Controller = "Report", Action = "ExportDocumentViewer" };
}).GetHtml();
添加打印7、最后，基本差不多了，但是还差一个打印的方法。我们回到TestMasterReport 主表，给XRSubReport 绑定一个事件，BeforrePrint打印用的。http://evgetgif.qiniudn.com/DevExpress-CrystalReport-14.png
双击Detail_BeforePrint 这个打印方法：
1
2
3
4
5
6
7
private void Detail_BeforePrint(object sender, System.Drawing.Printing.PrintEventArgs e)
{
var detailReport = _Subreport.ReportSource as TestDetailReport;
detailReport.TaskId.Value = this._TaskId.Value;
detailReport.FillDataSource();
detailReport.ApplyFiltering();
}
其中的代码如上，_Subreport 是TestMasterReport 主表的名称，通过它打点调出 从表的数据源，转换成 从表 TestDetailReport，然后TaskId是我们给从表要传入的参数，刚才我们已经给 TestMasterReport _TaskId 赋过值了，所以现在可以直接把_TaskId 的值给 TaskId,同样调用两个方法，就完成了。运行起来，效果如下：http://evgetgif.qiniudn.com/DevExpress-CrystalReport-15.png
更多在线资源By CSDN小辉
页:
[1]