DevExpress XtraReports 入门四 创建 Web 报表

时间:2022-05-22 18:12:09

原文: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,然后单击 添加 按钮。

    DevExpress XtraReports 入门四  创建 Web 报表

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

    DevExpress XtraReports 入门四  创建 Web 报表

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

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

    DevExpress XtraReports 入门四  创建 Web 报表

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

    DevExpress XtraReports 入门四  创建 Web 报表

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

    DevExpress XtraReports 入门四  创建 Web 报表

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

    DevExpress XtraReports 入门四  创建 Web 报表

 二、在网页中显示报表 

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

    DevExpress XtraReports 入门四  创建 Web 报表

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

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

    DevExpress XtraReports 入门四  创建 Web 报表

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

    DevExpress XtraReports 入门四  创建 Web 报表

三、 查看运行结果 

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

DevExpress XtraReports 入门四  创建 Web 报表