昨天我们已经介绍了如何创建交叉报表,详见:[原创]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