DevExpress XtraReports 入门四 创建 Web 报表

简介: 原文:DevExpress XtraReports 入门四 创建 Web 报表 本文只是为了帮助初次接触或是需要DevExpress XtraReports报表的人群使用的,为了帮助更多的人不会像我这样浪费时间才写的这篇文章,高手不想的看请路过 本文内容来DevExpress XtraReports帮助文档,如看过类似的请略过。
原文: 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 页面没有被指定为项目的启动页面,那么请在 解决方案资源管理器 中使用鼠标右键单击此页面,并选择 设为起始页 菜单项,然后再次运行。

目录
相关文章
|
9月前
|
Java 开发者 微服务
Spring Boot 入门:简化 Java Web 开发的强大工具
Spring Boot 是一个开源的 Java 基础框架,用于创建独立、生产级别的基于Spring框架的应用程序。它旨在简化Spring应用的初始搭建以及开发过程。
308 7
Spring Boot 入门:简化 Java Web 开发的强大工具
|
11月前
|
前端开发 JavaScript 开发者
探索现代Web前端技术:React框架入门
【10月更文挑战第9天】 探索现代Web前端技术:React框架入门
|
12月前
|
前端开发 开发者 Python
从零到一:Python Web框架中的模板引擎入门与进阶
在Web开发的广阔世界里,模板引擎是连接后端逻辑与前端展示的重要桥梁。对于Python Web开发者而言,掌握模板引擎的使用是从零到一构建动态网站或应用不可或缺的一步。本文将带你从基础入门到进阶应用,深入了解Python Web框架中的模板引擎。
229 3
|
前端开发
【前端web入门第五天】03 清除默认样式与外边距问题【附综合案例产品卡片与新闻列表】
本文档详细介绍了CSS中清除默认样式的方法,包括清除内外边距、列表项目符号等;探讨了外边距的合并与塌陷问题及其解决策略;讲解了行内元素垂直边距的处理技巧;并介绍了圆角与盒子阴影效果的实现方法。最后通过产品卡片和新闻列表两个综合案例,展示了所学知识的实际应用。
280 11
|
前端开发
|
弹性计算 前端开发 容器
【前端web入门第六天】02 flex布局
Flex布局是一种现代CSS布局模式,通过给父元素设置`display: flex`,其子元素可自动挤压或拉伸。它包含弹性容器和弹性盒子,主轴默认为水平方向,侧轴为垂直方向。主轴对齐方式由`justify-content`属性控制,侧轴对齐方式包括`align-items`(针对所有子元素)和`align-self`(针对单个子元素)。修改主轴方向使用`flex-direction`属性,`flex`属性用于控制子元素在主轴上的伸缩比例。此外,`flex-wrap`属性允许子元素换行,而`align-content`属性则定义多行对齐方式。
249 9
|
SQL 安全 数据库
从入门到精通:Python Web安全守护指南,SQL注入、XSS、CSRF全防御!
【9月更文挑战第13天】在开发Python Web应用时,安全性至关重要。本文通过问答形式,详细介绍如何防范SQL注入、XSS及CSRF等常见威胁。通过使用参数化查询、HTML转义和CSRF令牌等技术,确保应用安全。附带示例代码,帮助读者从入门到精通Python Web安全。
202 6
|
前端开发
【前端web入门第六天】01 CSS浮动
这是关于CSS布局第六天学习目标的介绍,主要解决多个`<div>`标签在同一行显示的问题,即一个在左边,另一个在右边。文中介绍了标准流、浮动及flex布局的概念,重点推荐使用flex布局。文章详细讲解了浮动的基本使用、布局技巧及清除浮动的方法,包括额外标签法、单伪元素法、双伪元素法和`overflow`隐藏法,并提供了示例代码帮助理解。
126 6
|
11月前
|
网络协议 安全 JavaScript
Web实时通信的学习之旅:WebSocket入门指南及示例演示
Web实时通信的学习之旅:WebSocket入门指南及示例演示
1774 0
|
11月前
|
Web App开发 Java 测试技术
一、自动化:web自动化。Selenium 入门指南:从安装到实践
一、自动化:web自动化。Selenium 入门指南:从安装到实践
202 0