跨平台的可视化Web报表设计器-FastReport Online Designer:组件介绍

原创|使用教程|编辑:郑恭琳|2015-11-18 14:00:39.000|阅读 446 次

概述:本篇文章将主要介绍FastReport Online Designer设计器上的组件。

相关链接:

FastReport Online Designer是一个RIA应用程序(富网页应用程序),允许你从任何拥有先进网页浏览器的任何设备上运行它。

>>立即在线体验FastReport Online Designer

FastReport在线报表设计器包含以下11个组件:

1.Text

“Text”对象是FastReport中最基础的数据表示方式。在组件面板中如下图所示:

FastReport online designer

添加到报表页面如下图:

FastReport online designer

“Text”对象允许显示以下文本信息:

  • 文本行
  • 表达式
  • 报表参数
  • 总数
  • 来自数据源的字段
  • 系统变量

此外,你还可以在文本对象中将这些数据结合。你可以通过双击文本对象来打开文本对象的编辑器。

FastReport online designer

将数据列插入到“Text”对象的方法有以下几种。

  1. 在“Text”对象编辑器中手动编写数据列的名称。这种方法是最不方便的,因为它很容易犯错误。
  2. 在对象编辑器,我们选择需要的数据列,并将其拖放到文本:
    FastReport online designer
  3. 从“Data”窗口中将数据列拖放到报表页面。在这种情况下,创建一个链接到列的“Text”对象。
FastReport online designer

“Text”对象中允许你使用一些简单的HTML标签。默认情况下,标签是被禁用的,可在“Properties”窗口中将“HtmlTags”属性设置为true启用。下面是支持的标签列表:

标签 描述
< b>...< /b> 加粗
< i>...< /i>      斜体
< u>...< /u> 下划线
< strike>...< /strike> 删除线
< sub>...< /sub> 下标
< sup>...< /sup> 上标
< font color=...>...< /font> 字体颜色

标签使用示例:

FastReport online designer

上面是标签文本,下面是对应的打印结果。"Text"对象的属性有:

  • AllowExpressions
  • AutoShrink
  • AutoShrinkMinSize
  • AutoWidth
  • BreakTo
  • Clip
  • Duplicates
  • FirstTabOffset
  • FontWidthRatio
  • HideValue
  • HideZeros
  • HorzAlign,
  • VertAlign
  • HtmlTags
  • LineHeight
  • NullValue
  • RightToLeft
  • TabWidth
  • Text
  • TextFill
  • Trimming
  • Underlines
  • WordWrap  
  • Wysiwyg

2.Rich text

“Rich text”对象允许你以RTF格式来显示多行文本以及保存布局和样式。在工具栏上显示如下:

FastReport online designer

在报表页面显示和普通"Text"组件很像:

FastReport online designer

当报表导出为一些文档格式时,“Rich Text”对象将被导出为图片。“Formatted text”既可以显示源数据又可以显示“Text”对象中的数据。可通过手动键入表达式或通过DataColumn属性将组件与数据字段进行连接。该对象有以下属性:

  • AllowExpressions
  • Brackets
  • DataColumn  
  • Text  
  • Padding   

3.Picture

“Picture”对象可以显示以下格式的图片:BMP,PNG,JPG,GIF,TIFF,ICO,EMF,WMF。有了“Picture”对象,你可以打印公司logo、员工照片以及任何图形信息。在工具栏上显示如下:

FastReport online designer

“Picture”对象在报表页面显示则如下:

FastReport online designer

“Picture”对象可以显示来自以下数据源的数据:

  • Data column-来自数据列的图片,列名保存在"DataColumn"属性中。
  • 图片文件-通过保存在报表内的文件加载的图片,图片保存在"Image" 属性中。
  • Hyperlink-通过链接加载的图片,其地址存放在ImageLocation属性中,也许是一个URL或连接到本地文件的链接。

可通过双击“Picture”对象来调用图片编辑器,然后选择图片的来源:

FastReport online designer

你也可以在对象属性:DataColumn, Image, ImageLocation中设置图片的来源。你也可以从“Data”窗口中将数据列拖放到报表页面,创建一个含有链接到列的“Picture”对象。你拖动列应该具有“byte []”数据类型。在“Picture”对象的上下文菜单中,你可以选择的尺寸模式有以下几种:

  • AutoSize
  • CenterImage
  • Normal
  • StretchImage
  • Zoom

各模式的区别如下图所示:

FastReport online designer

还可通过Angle属性来旋转图像。图像旋转结果如下:

FastReport online designer

“Picture”对象有以下属性:

  • Angle
  • SizeMode  
  • Transparency
  • TransparentColor
  • Image
  • DataColumn  
  • ImageLocation
  • Padding
  • ShowErrorImage

4.Line

“Line”对象可以显示水平,垂直或对角线。在工具栏上显示如下:

FastReport online designer

在报表页面显示如下:

FastReport online designer

“Line”组件用有以下属性:

  • Diagonal
  • StartCap
  • EndCap  

5.Shape

“Shape”对象允许你给报表添加基本的形状,以及修改它们的颜色和大小。“Shape”对象提供以下几种形状:

  • 矩形
  • 圆角矩形
  • 椭圆形
  • 三角形
  • 菱形
FastReport online designer

“Shape”对象在工具栏显示如下:

FastReport online designer

“Shape”对象用有以下属性:

  • Shape
  • Curve

6.CheckBox

“CheckBox”对象在报表里显示复选框,在工具栏显示如下:

FastReport online designer

“CheckBox”对象在报表页显示则如下:

FastReport online designer

“CheckBox”对象用有以下属性:

  • CheckedSymbol
  • UncheckedSymbol
  • CheckColor
  • CheckWidthRatio
  • HideIfUnchecked
  • Checked
  • DataColumn
  • Expression  

7.Table

“Table”组件是Microsoft Excel表的简化版本。在面板中显示如下:

FastReport online designer

在报表页显示如下:

FastReport online designer

你可以创建一个静态表,然后手动填充单元格。也可以使用数据源中的字段创建一个动态表格。动态表示例如下所示:

FastReport online designer

“Table”对象拥有以下属性:

  • ColumnCount
  • RowCount
  • FixedColumns
  • FixedRows
  • RepeatHeaders

8.Matrix

“Matrix”对象和“Table”对象一样。都是由行、列和单元格组成。同时,它有不预先知道矩阵中有多少行和列-这取决于它所连接的数据。在工具栏上显示如下:

FastReport online designer

在报表页面“Matrix”对象显示如下:

FastReport online designer

矩阵对象可以手动填充数据,你也可以通过数据源字段创建一个动态矩阵:

FastReport online designer

“Matrix”对象拥有以下属性:

  • RepeatHeaders
  • CellsSideBySide
  • Style
  • AutoSize
  • DataSource
  • Filter

9.Barcode

“Barcode”对象在报表中显示条形码,在工具栏显示如下:

FastReport online designer

“Barcode”对象在报表页显示如下:

FastReport online designer

“Barcode”对象支持一下类型的条形码:

条码 允许的长度 符号
2 of 5 Interleaved   0-9
2 of 5 Industrial   0-9
2 of 5 Matrix   0-9
Codabar   0-9, -$:/.+
Code128   128 ASCII chars
Code39   0-9,A-Z, -. *$/+%
Code39 Extended   128 ASCII chars
Code93   0-9,A-Z, -. *$/+%
Code93 Extended   128 ASCII chars
EAN8 8 0-9
EAN13 13 0-9
MSI   0-9
PostNet   0-9
UPC A 12 0-9
UPC E0 6 0-9
UPC E1 6 0-9
2-Digit Supplement 2 0-9
5-Digit Supplement 5 0-9
PDF417   any
Datamatrix   any
QR code   any
Aztec code   any

"Barcode"对象拥有以下属性:

  • Barcode
  • Angle  
  • Zoom
  • AutoSize
  • ShowText
  • DataColumn
  • Expression  
  • Text
  • Padding  

10.Cellular text

“Cellular text”对象可以将文本的每个字符显示在单独的单元格中。它经常应用在金融应用的打印形式中。在工具栏上显示如下:

FastReport online designer

“Cellular text”对象在报表页面显示如下:

FastReport online designer

事实上“Cellular text”对象是直接从“Text”对象继承的。“Cellular text”对象拥有以下属性:

  • CellWidth,
  • CellHeight
  • HorzSpacing,
  • VertSpacing

11.Linear scale, simple scale

 某些报表可能需要显示这类信息,比如工业设施里的仪表板。FastReport中有两个显示线性和简单仪表的组件。在工具栏上显示如下:

FastReport online designer

在报表页面则显示如下:

FastReport online designer

上面是线性仪表,下面是简单仪表。可通过属性窗口中的Pointer和Scale属性更改仪表的外观。可以设置刻度和指示器的颜色,数字和线宽度的字体。还可以在Expression属性中添加表达式来计算仪表值,该表达式可以是来自数据源的一个字段。

 

如有任何疑问请咨询"在线客服"。



标签:报表.NET报表设计

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

登录慧都网发表评论登录


nola 2015-11-18 14:20:20.000
0

写的太详细了,特别适合我这种一点基础都没有的菜鸟参考,感谢分享哦


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
FastReport Online Designer

一个跨平台的可视化Web报表设计器

在线客服 在线QQ 电话咨询
400-700-1020
反馈
在线客服系统
live chat