原文:DevExpress XtraReports 入门四 创建 Web 报表

本文只是为了帮助初次接触或是需要DevExpress XtraReports报表的人群使用的,为了帮助更多的人不会像我这样浪费时间才写的这篇文章,高手不想的看请路过

本文内容来DevExpress XtraReports帮助文档,如看过类似的请略过。

废话少说 开始正事

一、创建 Web 报表并绑定数据 

  1. 启动 MS Visual Studio (2005、2008、或 2010)。
  2. 新建一个 ASP.NET Web 应用程序。
  3. 添加新报表 到 Web 应用程序中。
  4. 现在,需要把数据集添加到 Web 应用程序中。
       注意
         不可以使用 入门二 中那样的方式把数据集添加到报表。 而是首先要人工把数据集添加到应用程序中,然后把它指派到报表的 XtraReportBase.DataSource 属性。
    要这样做,则在 项目 菜单中选择 添加新项...,在调用的对话框中,选择 DataSet,然后单击 添加 按钮。

  5. 然后,在打开的数据集设计器中,把 Categories 数据表从服务器资源管理器面板中拖放到设计器的界面上。

    保存所作的更改,并退出数据集设计器。

  6. 现在,切换到报表的设计器,单击报表的智能标记。 在调用的操作列表中,把所创建的数据集指定为报表的 XtraReportBase.DataSource。

    在此步骤之后,两个附加属性被自动指定: XtraReportBase.DataMember 属性值被设置为 Categories,XtraReportBase.DataAdapter 属性值被设置为 categoriesTableAdapter。

  7. 现在报表已经被绑定数据,通过把所需的字段从 Field List(字段列表) 中拖放到报表带区,您可以调整报表的布局。对于本指南,我们复制在 入门二 中所创建的报表,它有下列布局。

    检查所创建的报表布局是否满足 导出为 HTML 的要求: 报表控件不能相互交叉。 否则,HTML 输出结果会变得混乱。 如果 XtraReport.ShowExportWarnings 属性被启用(默认启用),那么交叉的控件被以红色绘制。 因此,应该重新排列它们,如下图所示。

 二、在网页中显示报表 

  1. 切换到 Default.aspx 标签页,并且单击页面底部的 设计 按钮,来查看此网页的设计器。
  2. 为了把报表嵌入到网页中,我们展开 DX.10.2: Reporting 工具箱标签页,并且把 ReportViewer 控件拖放到网页上。 为了提供报表的导航工具,也可以添加 ReportToolbar 控件。

    注意
         在 ReportToolbar 或 ReportViewer 控件被添加到 Web 应用程序中之后 (仅第一次),应用程序的 Web.config 文件就被更改。

  3. 为了把 ReportToolbar1 和 ReportViewer1 控件链接在一起,需要把 ReportToolbar.ReportViewer 属性设置为已有的 ReportViewer1 对象。

  4. 为了指定即将通过 ReportViewer1 控件呈现的报表对象,需要把它的 ReportViewer.Report 属性设置为 XtraReport1。

三、 查看运行结果 

现在 Web 报表已经就绪。 运行此应用程序,并在系统的默认网页浏览器中查看所创建的 ASP.NET 页面。 如果 Default.aspx 页面没有被指定为项目的启动页面,那么请在 解决方案资源管理器 中使用鼠标右键单击此页面,并选择 设为起始页 菜单项,然后再次运行。

DevExpress XtraReports 入门四 创建 Web 报表的更多相关文章

  1. DevExpress XtraReports 入门五 创建交叉表报表

    原文:DevExpress XtraReports 入门五 创建交叉表报表 本文只是为了帮助初次接触或是需要DevExpress XtraReports报表的人群使用的,为了帮助更多的人不会像我这样浪 ...

  2. DevExpress XtraReports 入门二 创建 data-aware(数据感知) 报表

    原文:DevExpress XtraReports 入门二 创建 data-aware(数据感知) 报表 本文只是为了帮助初次接触或是需要DevExpress XtraReports报表的人群使用的, ...

  3. DevExpress XtraReports 入门三 创建 Master-Detail(主/从) 报表

    原文:DevExpress XtraReports 入门三 创建 Master-Detail(主/从) 报表 本文只是为了帮助初次接触或是需要DevExpress XtraReports报表的人群使用 ...

  4. DevExpress XtraReports 入门一 创建 Hello World 报表

    原文:DevExpress XtraReports 入门一 创建 Hello World 报表 本文只是为了帮助初次接触或是需要DevExpress XtraReports报表的人群使用的,为了帮助更 ...

  5. [原创]Devexpress XtraReports 系列 3 创建主从报表

    昨天写了系列的第二篇Devexpress XtraReports 系列 2 创建表格报表 . 今天我们来继续系列 3 创建主从报表 首先我们来看看最后实现的效果.Demo最后附上. 开始吧. 第一步, ...

  6. [原创]Devexpress XtraReports 系列 6 创建并排报表

    昨天我们已经介绍了如何创建交叉报表,详见:[原创]Devexpress XtraReports 系列 5 创建交叉报表 今天我们继续我们的XtraReports系列.Demo和数据库文件最后会附上. ...

  7. [原创]Devexpress XtraReports 系列 5 创建交叉报表

    昨天我们已经介绍了如何创建多栏报表,详见:[原创]Devexpress XtraReports 系列 4 创建多栏报表 今天我们继续我们的XtraReports系列.Demo和数据库文件最后会附上. ...

  8. [原创]Devexpress XtraReports 系列 8 创建Drill-Through报表

    哎,今天公司工作忙了一天,一直没有时间写写东西.所以只能昨天晚上加班写咯.苦逼啊...... 昨天发表了Devexpress XtraReports系列第七篇[原创]Devexpress XtraRe ...

  9. [原创]Devexpress XtraReports 系列 10 创建标签报表

    今天这篇是Dx Reports 基础初级系列的最后一篇了.以后如果有什么高级的应用,应该另开一个中级使用系列. 昨天发表了Devexpress XtraReports系列第九篇[原创]Devexpre ...

随机推荐

  1. Silverlight之 xaml布局

    目标:在两周内完成一个界面的功能 第1阶段:完成xaml的布局 准备:视频4-14节 第2阶段: 完成环状图 柱状图 TreeView样式 准备: 矢量绘图  telerik 自定义控件  自定义控件 ...

  2. POJ2239 Selecting Courses【二部图最大匹配】

    主题链接: http://poj.org/problem?id=2239 题目大意: 学校总共同拥有N门课程,而且学校规定每天上12节可,一周上7天. 给你每门课每周上的次数,和哪一天哪一节 课上的. ...

  3. 解决apache+tomcatserver环境中文乱码的问题

    在使用apache做转发服务器时,碰到了中文乱码的问题. 说说解决思路: 1.通常乱码是由于编码不统一造成的.所以要先推断是不是由于编码问题造成的,假设是的话,那统一编码就能够去解决. 2.tomca ...

  4. Matrix+POJ+二维树状数组初步

                                                                                                         ...

  5. SQL中IN,NOT IN,EXISTS,NOT EXISTS的用法和差别

    SQL中IN,NOT IN,EXISTS,NOT EXISTS的用法和差别: IN:确定给定的值是否与子查询或列表中的值相匹配. IN 关键字使您得以选择与列表中的任意一个值匹配的行. 当要获得居住在 ...

  6. 怎样配置git ssh连接,怎样在GitHub上加入协作开发人员,怎样配置gitignore和怎样在GitHub上删除资源库.

    **********1.在运行git push origin master指令时报例如以下错误: iluckysi@ILUCKYSI-PC /d/ilucky/message/code (master ...

  7. Spark SQL源代码分析之核心流程

    /** Spark SQL源代码分析系列文章*/ 自从去年Spark Submit 2013 Michael Armbrust分享了他的Catalyst,到至今1年多了,Spark SQL的贡献者从几 ...

  8. Could not drop object 'student' because it is referenced by a FOREIGN KEY constraint

    1. Find foreign keys SELECT * FROM sys.foreign_keys WHERE referenced_object_id = object_id('Student' ...

  9. android 处理器crash刊物

    日志记录程序是为了方便各种异常情况,为了方便日后的维修方案进行维修,程序无法百分百健康,完美,有必要保存在日志中代码.易于维护.Java了一个接口UncaughtExceptionHandler,Th ...

  10. php方法综述除去换行符(PHP_EOL使用变量)

    一个小包裹,事实上,不同的平台具有不同的实现.为什么要这样.它可以是一个世界是多样的. 最初unix与世界把它包/n取代,但windows为了体现自己的不同.要使用/r/n,更有意思的是,mac随着/ ...