昨天我们已经介绍了如何创建交叉报表，详见：[原创]Devexpress XtraReports 系列 5 创建交叉报表
今天我们继续我们的XtraReports系列。Demo和数据库文件最后会附上。
今天的主题是：创建并排报表
什么是并排报表呢？
按照我个人理解：并排报表是把两张或者两张以上的报表，放在一个报表页面。
注：为了方便，本示例使用同一个数据源，但是您可以使用相同的方法，而在一个报表文档中显示两个完全不同的 (使用不同数据源的) 报表。
依照惯例，我们先来看看我们最后实现的效果，如图：
开始讲解。
第一步：窗体布局。
新建一个WinForm窗体，，拉入第三方控件SimpleButton,DocumentViewer,SplitContainerControl,LabelControl,TextEdit,GroupControl,无非就是设置空间Dock属性，还有字体Text属性等，简单布局我就不多阐述了。可以参考系列第一篇。
提示一点：DocumentViewer控件一开始是没有打印工具栏的，以前12.几的版本，添加打印工具栏是拖入PrintSystem控件，但是13.1.5我发现没有了，后来在官网找到了答案。控件12.几的控件PrintControl, PringBarManager, PrintRibbonController都集成到了DocumentViewer ，详情请参考http://www.devexpress.com/Support/Center/Question/Details/Q504260，
那13.1.5如何添加打印工具栏呢？如图：选中DocumentViewer控件右上角的三角符号，点击红色区域中的其中一项都可以创建打印工具栏。
第二步：创建两个个Devexpress XtraReport报表文件。一个是明细报表DetailSideBySideRpt（用于绑定到最后显示的并排报表MasterSideBySideRpt），一个是最后显示的并排报表MasterSideBySideRpt 如图：
报表布局步骤如下：（不知道为什么我的设计器是中文的，英文的朋友找到相对应的就行了）
首先，建立一个DetailSideBySideRpt文件 如图：
然后新建一个MasterSideBySideRpt，如图：
那如何把我们新建的DetailSideBySideRpt报表，并排显示到MasterSideBySideRpt呢？
方法一：如图：
注意：我一开始不知道为什么一直不能把【创建并排报表.DetailSideBySideRpt】选择到ReportSource，后来重新生成解决方案，就可以了。如果大家遇到选不上的时候，请试试重新生成解决方案。
方法二：例如代码方式：
this.xrSubreport1.ReportSource = new 创建并排报表.DetailSideBySideRpt();
this.xrSubreport2.ReportSource = new 创建并排报表.DetailSideBySideRpt();//这里我并排的两张报表都使用了同一个DetailSideBySideRpt，可以使用不同的
第三步，准备数据源，如图：
第四步，一切准备就绪，接下来就来处理方法事件了。
a，从数据库中获取绑定数据源
private DataSet BindRpt()
{
DataSet ds = new DataSet();
try
{
SqlConnection con = new SqlConnection("Data Source=(local);Integrated Security=SSPI;Initial Catalog=ReportDeom");
SqlDataAdapter adapter;
con.Open();
SqlCommand cmd = new SqlCommand("SELECT * FROM SideBySideRptData where name=@name OR @name='' ", con);
SqlParameter[] paras = new SqlParameter[]{
new SqlParameter("@name",txtName.Text.Trim())
};
cmd.Parameters.AddRange(paras);
adapter = new SqlDataAdapter(cmd);
adapter.Fill(ds, "SideBySideRpt"); ;
con.Close();
}
catch (Exception ex)
{
throw ex;
}
return ds;
}
b，修改DetailSideBySideRpt报表文件默认构造函数，让其可以接收数据源并绑定字段
public DetailSideBySideRpt(DataSet ds)
{
InitializeComponent();
this.DataSource = ds;
this.xrRichText1.DataBindings.Add("Text", ds, "name");
this.xrRichText2.DataBindings.Add("Text", ds, "birthday");
this.xrRichText3.DataBindings.Add("Text", ds, "description");
}
从上面可以很容易看出，我们只绑定了姓名，生日，简介三个字段，那如何绑定图片呢？
我们可以在XRPictureBox的BeforePrint事件中处理，从本地存放图片的文件夹中获取图片（在此之前应该把图片放到指定目录下），并绑定。
如图：把图片放到程序运行目录
private void xrPictureBox1_BeforePrint(object sender, System.Drawing.Printing.PrintEventArgs e)
{
string path = System.Environment.CurrentDirectory + "\" + GetCurrentColumnValue("pictureurl");//从程序运行目录下获取
xrPictureBox1.Sizing = DevExpress.XtraPrinting.ImageSizeMode.ZoomImage;//设置图片显示模式
((XRPictureBox)sender).Image = Image.FromFile(path);
}
c，根据最终的效果图结合我们的数据源图，可以发现左边显示体育明星，右边显示影视明星，如何做到的呢？
其实，我们只需要处理一下事件。利用FilterString属性过滤数据源即可。
private void xrSubreport1_BeforePrint(object sender, System.Drawing.Printing.PrintEventArgs e)
{
((XRSubreport)sender).ReportSource.FilterString = "category =='体育明星'";
}
private void xrSubreport2_BeforePrint(object sender, System.Drawing.Printing.PrintEventArgs e)
{
((XRSubreport)sender).ReportSource.FilterString = "category =='影视明星'";
}
d，在这个示例中我利用代码的形式给MasterSideBySideRpt绑定数据源
public MasterSideBySideRpt(DataSet ds)
{
InitializeComponent();
this.xrSubreport1.ReportSource = new 创建并排报表.DetailSideBySideRpt(ds);
this.xrSubreport2.ReportSource = new 创建并排报表.DetailSideBySideRpt(ds);
}
e，最后我们处理显示报表按钮事件。把数据源传递给报表，并展示出来。
private void btnShowReport_Click(object sender, EventArgs e)
{
DataSet ds = BindRpt();
DetailSideBySideRpt DetailRpt = new DetailSideBySideRpt(ds);
MasterSideBySideRpt Rpt = new MasterSideBySideRpt(ds);
this.documentViewer1.DocumentSource = Rpt;
Rpt.CreateDocument();
}
到此，我们就把一个并排报表完成了。。 个人感觉这篇写的不是很顺，有疑问的话，大家可以看看源代码。
希望对大家有帮助。。。最后附上源码以及数据库备份文件
Demo地址:http://yunpan.cn/QXXFGrMsgggYH 访问密码 4648